#5C5E3C - #D5C05D | 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 #5C5E3C a #D5C05D

#5C5E3C #D5C05D

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

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #706E41	RGB 112 110 65	#706E41
33.3%	33.3% #847E47	RGB 132 126 71	#847E47
50.0%	50.0% #988F4C	RGB 152 143 76	#988F4C
66.7%	66.7% #AC9F52	RGB 172 159 82	#AC9F52
83.3%	83.3% #C0AF57	RGB 192 175 87	#C0AF57
100.0%	100.0% #D5C05D	RGB 213 192 93	#D5C05D

#5C5E3C #706E41 #847E47 #988F4C #AC9F52 #C0AF57 #D5C05D

#5C5E3C - #D5C05D

Miscela HSV

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

0.0%	0.0% #5C5E3C	RGB 92 94 60	#5C5E3C
16.7%	16.7% #707144	RGB 112 113 68	#707144
33.3%	33.3% #85844C	RGB 133 132 76	#85844C
50.0%	50.0% #999552	RGB 153 149 82	#999552
66.7%	66.7% #ADA457	RGB 173 164 87	#ADA457
83.3%	83.3% #C1B35A	RGB 193 179 90	#C1B35A
100.0%	100.0% #D5C05D	RGB 213 192 93	#D5C05D

#5C5E3C #707144 #85844C #999552 #ADA457 #C1B35A #D5C05D

#5C5E3C - #999552 - #D5C05D

Codici CSS

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

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