#5E4A3E - #CDC264 | 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 #5E4A3E a #CDC264

#5E4A3E #CDC264

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

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705E44	RGB 112 94 68	#705E44
33.3%	33.3% #83724A	RGB 131 114 74	#83724A
50.0%	50.0% #958651	RGB 149 134 81	#958651
66.7%	66.7% #A89A57	RGB 168 154 87	#A89A57
83.3%	83.3% #BAAE5D	RGB 186 174 93	#BAAE5D
100.0%	100.0% #CDC264	RGB 205 194 100	#CDC264

#5E4A3E #705E44 #83724A #958651 #A89A57 #BAAE5D #CDC264

#5E4A3E - #CDC264

Miscela HSV

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

0.0%	0.0% #5E4A3E	RGB 94 74 62	#5E4A3E
16.7%	16.7% #705A46	RGB 112 90 70	#705A46
33.3%	33.3% #836B4E	RGB 131 107 78	#836B4E
50.0%	50.0% #957E55	RGB 149 126 85	#957E55
66.7%	66.7% #A8925B	RGB 168 146 91	#A8925B
83.3%	83.3% #BAA960	RGB 186 169 96	#BAA960
100.0%	100.0% #CDC264	RGB 205 194 100	#CDC264

#5E4A3E #705A46 #836B4E #957E55 #A8925B #BAA960 #CDC264

#5E4A3E - #957E55 - #CDC264

Codici CSS

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

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