#5E3C56 - #CD877F | 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 #5E3C56 a #CD877F

#5E3C56 #CD877F

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

#5E3C56 - #CD877F | 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 #5E3C56 come 0% e #CD877F come 100%.

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #70485C	RGB 112 72 92	#70485C
33.3%	33.3% #835563	RGB 131 85 99	#835563
50.0%	50.0% #95616A	RGB 149 97 106	#95616A
66.7%	66.7% #A86E71	RGB 168 110 113	#A86E71
83.3%	83.3% #BA7A78	RGB 186 122 120	#BA7A78
100.0%	100.0% #CD877F	RGB 205 135 127	#CD877F

#5E3C56 #70485C #835563 #95616A #A86E71 #BA7A78 #CD877F

#5E3C56 - #CD877F

Miscela HSV

#5E3C56 - #CD877F | 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 #5E3C56 come 0% e #CD877F come 100%.

0.0%	0.0% #5E3C56	RGB 94 60 86	#5E3C56
16.7%	16.7% #704760	RGB 112 71 96	#704760
33.3%	33.3% #835269	RGB 131 82 105	#835269
50.0%	50.0% #955E70	RGB 149 94 112	#955E70
66.7%	66.7% #A86974	RGB 168 105 116	#A86974
83.3%	83.3% #BA7477	RGB 186 116 119	#BA7477
100.0%	100.0% #CD877F	RGB 205 135 127	#CD877F

#5E3C56 #704760 #835269 #955E70 #A86974 #BA7477 #CD877F

#5E3C56 - #955E70 - #CD877F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C56 0%, #955E70 50%, #CD877F 100%);
    background: -webkit-linear-gradient(top, #5E3C56 0%, #955E70 50%, #CD877F 100%);
    background: linear-gradient(to bottom, #5E3C56 0%, #955E70 50%, #CD877F 100%);
}
</style>