#5C5E2F - #C6A858 | 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 #5C5E2F a #C6A858

#5C5E2F #C6A858

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

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

0.0%	0.0% #5C5E2F	RGB 92 94 47	#5C5E2F
16.7%	16.7% #6D6A35	RGB 109 106 53	#6D6A35
33.3%	33.3% #7F763C	RGB 127 118 60	#7F763C
50.0%	50.0% #918343	RGB 145 131 67	#918343
66.7%	66.7% #A28F4A	RGB 162 143 74	#A28F4A
83.3%	83.3% #B49B51	RGB 180 155 81	#B49B51
100.0%	100.0% #C6A858	RGB 198 168 88	#C6A858

#5C5E2F #6D6A35 #7F763C #918343 #A28F4A #B49B51 #C6A858

#5C5E2F - #C6A858

Miscela HSV

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

0.0%	0.0% #5C5E2F	RGB 92 94 47	#5C5E2F
16.7%	16.7% #6F6E36	RGB 111 110 54	#6F6E36
33.3%	33.3% #807C3D	RGB 128 124 61	#807C3D
50.0%	50.0% #928944	RGB 146 137 68	#928944
66.7%	66.7% #A3944B	RGB 163 148 75	#A3944B
83.3%	83.3% #B49E51	RGB 180 158 81	#B49E51
100.0%	100.0% #C6A858	RGB 198 168 88	#C6A858

#5C5E2F #6F6E36 #807C3D #928944 #A3944B #B49E51 #C6A858

#5C5E2F - #928944 - #C6A858

Codici CSS

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

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