#5E4A8D - #2D0C33 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #5E4A8D a #2D0C33

#5E4A8D #2D0C33

Calcola il colore tra due colori, #5E4A8D e #2D0C33. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#5E4A8D - #2D0C33 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #5E4A8D come 0% e #2D0C33 come 100%.

0.0%	0.0% #5E4A8D	RGB 94 74 141	#5E4A8D
16.7%	16.7% #553F7E	RGB 85 63 126	#553F7E
33.3%	33.3% #4D356F	RGB 77 53 111	#4D356F
50.0%	50.0% #452B60	RGB 69 43 96	#452B60
66.7%	66.7% #3D2051	RGB 61 32 81	#3D2051
83.3%	83.3% #351642	RGB 53 22 66	#351642
100.0%	100.0% #2D0C33	RGB 45 12 51	#2D0C33

#5E4A8D #553F7E #4D356F #452B60 #3D2051 #351642 #2D0C33

#5E4A8D - #2D0C33

Miscela HSV

#5E4A8D - #2D0C33 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #5E4A8D come 0% e #2D0C33 come 100%.

0.0%	0.0% #5E4A8D	RGB 94 74 141	#5E4A8D
16.7%	16.7% #553C7E	RGB 85 60 126	#553C7E
33.3%	33.3% #4E2F6F	RGB 78 47 111	#4E2F6F
50.0%	50.0% #462460	RGB 70 36 96	#462460
66.7%	66.7% #3E1A51	RGB 62 26 81	#3E1A51
83.3%	83.3% #361242	RGB 54 18 66	#361242
100.0%	100.0% #2D0C33	RGB 45 12 51	#2D0C33

#5E4A8D #553C7E #4E2F6F #462460 #3E1A51 #361242 #2D0C33

#5E4A8D - #462460 - #2D0C33

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A8D 0%, #2D0C33 100%);
    background: -webkit-linear-gradient(top, #5E4A8D 0%, #2D0C33 100%);
    background: linear-gradient(to bottom, #5E4A8D 0%, #2D0C33 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
    background: -webkit-linear-gradient(top, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
    background: linear-gradient(to bottom, #5E4A8D 0%, #462460 50%, #2D0C33 100%);
}
</style>