Not sure how to achieve this gradient

[80sTherapy]

Hello,

I'm currently working on various app icon variations, and one of them is inspired by the old Simon Says electronic game (for those who remember it). Attached is a preview, and I've been asked to incorporate a background similar to the one in the "Rosé Pine" image. However, the request is for a dark base color instead of the light one, with color gradients that align with the blue/yellow/green/red hues used in the donut shape.

I have a couple of questions:

1. Regarding the "Rosé Pine" gradient, I'm unsure how it was achieved. It appears to be conical, but I don't see the typical conical center. Please note that "Rosé Pine" was created in Figma, not Designer.

2. From a graphic design perspective, I'm concerned that a gradient with a dark base color and multiple colors might make the icon overly busy, considering the variety of colors in the logo. What background do you believe would work best, considering the multitude of colors already present?

Your insights are much appreciated.

Cheers,

 

[firstdefence]

It looks like a conical Gradient with Gaussian Blur Applied, so a white rounded rectangle with another rounded rectangle of the same size nested inside and a conical gradient and gaussian blur applied.

[firstdefence]

14 hours ago, 80sTherapy said:

From a graphic design perspective, I'm concerned that a gradient with a dark base color and multiple colors might make the icon overly busy, considering the variety of colors in the logo. What background do you believe would work best, considering the multitude of colors already present?

I tried a few colours on the top graphic and I found that a dark blue grey seemed to work better that a stark dark neutral. the rounded rectangle blue is RGB 20 20 50

 

How the conical gradient is coloured

[v_kyr]

19 hours ago, 80sTherapy said:

... inspired by the old Simon Says electronic game (for those who remember it) ...

Hmm, I only remember the "Simon Says" speech recognition app for NeXTstep/OpenStep, I once upon a time sometimes used under NeXTstep and which was fun to use those days. - Archived history of that NS/OS SimonSays one ...

[R C-R]

4 hours ago, v_kyr said:

Hmm, I only remember the "Simon Says" speech recognition app...

The name of the electronic game is actually just "Simon" but it seems a lot of families who had one back in the day (including my own) called it "Simon Says" I guess because of its similarity to the child's game.

[v_kyr]

3 hours ago, R C-R said:

called it "Simon Says" I guess because of its similarity to the child's game.

Looks like the NeXTstep/OpenStep "SimonSays" app was slightly modeled after that child game, since ...

Quote

...

A command starting with "Simon says" means that the players must obey that command. A command without the beginning "Simon says" means do not do this action. Anyone who breaks one of these two rules is eliminated from the remainder of the game. Often, anyone who speaks is also eliminated.

There can be very complex and difficult command chains, such as "Simon says: Arms up. Simon says: Arms down. Arms up." Anyone ending with their arms up is eliminated, because a command that doesn't begin with "Simon says" cannot be obeyed.

...

... and the NS/OS SimonSays worked in a similar fashion, aka listening to commands like "Simon open TextEdit", "Simon cover your ears" ... and other trained & spoken commands and phrases etc.

[80sTherapy]

13 hours ago, firstdefence said:

I tried a few colours on the top graphic and I found that a dark blue grey seemed to work better that a stark dark neutral. the rounded rectangle blue is RGB 20 20 50

 

How the conical gradient is coloured

Thnaks for that! The app's dev gave me a reference website with a black to purple gradient he wants to try. As it turns out, the background gradient used on the Rosé Pine image is not conical, but three linear gradients combined together. 

[80sTherapy]

7 minutes ago, v_kyr said:

Looks like the NeXTstep/OpenStep "SimonSays" app is/was modeled after that child game, since ...

... and the NS/OS SimonSays worked in a similar fashion, aka listening to commands like "Simon open TextEdit", "Simon cover your ears" ... and other trained & spoken commands and phrases etc.

Oh yeah, the Simon game I'm referring to is a late 70s/80s classic.

 

[R C-R]

Quote

There can be very complex and difficult command chains, such as "Simon says: Arms up. Simon says: Arms down. Arms up." Anyone ending with their arms up is eliminated, because a command that doesn't begin with "Simon says" cannot be obeyed.

It did not take long for a lot of kids to figure out that command chains did not have to be complicated to ensure elimination. One such chain was "Simon says jump up! <pause> Down!" This caused a lot of arguments over the admissibility of impossible to obey commands like defying gravity. 😀

[v_kyr]

16 minutes ago, R C-R said:

It did not take long for a lot of kids to figure out ...

Honestly I don't know that child game and also didn't know about that Simon electronic game. Here where I live during my youth, nobody played that game, nor had that electronic game at all.

[firstdefence]

9 hours ago, v_kyr said:

Honestly I don't know that child game and also didn't know about that Simon electronic game. Here where I live during my youth, nobody played that game, nor had that electronic game at all.

https://www.wikihow.com/Play-Simon-Says

[firstdefence]

10 hours ago, 80sTherapy said:

Thnaks for that! The app's dev gave me a reference website with a black to purple gradient he wants to try. As it turns out, the background gradient used on the Rosé Pine image is not conical, but three linear gradients combined together. 

Ah, ok, that makes sense with regard to the white centre.

The same result can be had by using blobs of colour and blur but I like how the conical gradients works and as long as the left node and right node are the same colour you get a nice smooth gradient without any need for blur, although blur does give a nice diffused effect and softens the colours.

[v_kyr]

16 minutes ago, firstdefence said:

https://www.wikihow.com/Play-Simon-Says

I just recall a kids game named "silent post" (DE "Stille Post") which kids tended to play sometimes on birthday parties and the like. There several kids where standing or sitting in a line and the first one whispered some words in the ear of his neighbor, who in turn whispered it to the next one and so on, in order to see what the last kid at the end of the line did catched up from the initially said words.

[firstdefence]

10 minutes ago, v_kyr said:

I just recall a kids game named "silent post" (DE "Stille Post") which kids tended to play sometimes on birthday parties and the like. There several kids where standing or sitting in a line and the first one whispered some words in the ear of his neighbor, who in turn whispered it to the next one and so on, in order to see what the last kid at the end of the line did catched up from the initially said words.

in UK we called that Chinese Whispers. 

[R C-R]

4 hours ago, v_kyr said:

I just recall a kids game named "silent post" (DE "Stille Post") which kids tended to play sometimes on birthday parties and the like. There several kids where standing or sitting in a line and the first one whispered some words in the ear of his neighbor, who in turn whispered it to the next one and so on, in order to see what the last kid at the end of the line did catched up from the initially said words.

In the US that game is called Telephone. It is sometimes played by people of all ages at parties & even as an experiment demonstrating how facts can get distorted.