#5C3E5E - #2D0E23 | 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 #5C3E5E a #2D0E23

#5C3E5E #2D0E23

Calcola il colore tra due colori, #5C3E5E e #2D0E23. 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)

#5C3E5E - #2D0E23 | 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 #5C3E5E come 0% e #2D0E23 come 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #543654	RGB 84 54 84	#543654
33.3%	33.3% #4C2E4A	RGB 76 46 74	#4C2E4A
50.0%	50.0% #442640	RGB 68 38 64	#442640
66.7%	66.7% #3C1E36	RGB 60 30 54	#3C1E36
83.3%	83.3% #34162C	RGB 52 22 44	#34162C
100.0%	100.0% #2D0E23	RGB 45 14 35	#2D0E23

#5C3E5E #543654 #4C2E4A #442640 #3C1E36 #34162C #2D0E23

#5C3E5E - #2D0E23

Miscela HSV

#5C3E5E - #2D0E23 | 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 #5C3E5E come 0% e #2D0E23 come 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #553355	RGB 85 51 85	#553355
33.3%	33.3% #4D2A4B	RGB 77 42 75	#4D2A4B
50.0%	50.0% #452140	RGB 69 33 64	#452140
66.7%	66.7% #3D1A36	RGB 61 26 54	#3D1A36
83.3%	83.3% #35132C	RGB 53 19 44	#35132C
100.0%	100.0% #2D0E23	RGB 45 14 35	#2D0E23

#5C3E5E #553355 #4D2A4B #452140 #3D1A36 #35132C #2D0E23

#5C3E5E - #452140 - #2D0E23

Codici CSS

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

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