#5E4D3E - #CCC35F | 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 #5E4D3E a #CCC35F

#5E4D3E #CCC35F

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

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #706043	RGB 112 96 67	#706043
33.3%	33.3% #827449	RGB 130 116 73	#827449
50.0%	50.0% #95884E	RGB 149 136 78	#95884E
66.7%	66.7% #A79B54	RGB 167 155 84	#A79B54
83.3%	83.3% #B9AF59	RGB 185 175 89	#B9AF59
100.0%	100.0% #CCC35F	RGB 204 195 95	#CCC35F

#5E4D3E #706043 #827449 #95884E #A79B54 #B9AF59 #CCC35F

#5E4D3E - #CCC35F

Miscela HSV

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #705D46	RGB 112 93 70	#705D46
33.3%	33.3% #826E4D	RGB 130 110 77	#826E4D
50.0%	50.0% #958053	RGB 149 128 83	#958053
66.7%	66.7% #A79558	RGB 167 149 88	#A79558
83.3%	83.3% #B9AB5C	RGB 185 171 92	#B9AB5C
100.0%	100.0% #CCC35F	RGB 204 195 95	#CCC35F

#5E4D3E #705D46 #826E4D #958053 #A79558 #B9AB5C #CCC35F

#5E4D3E - #958053 - #CCC35F

Codici CSS

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

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