#5E3C23 - #C67D42 | 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 #5E3C23 a #C67D42

#5E3C23 #C67D42

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

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

0.0%	0.0% #5E3C23	RGB 94 60 35	#5E3C23
16.7%	16.7% #6F4628	RGB 111 70 40	#6F4628
33.3%	33.3% #80512D	RGB 128 81 45	#80512D
50.0%	50.0% #925C32	RGB 146 92 50	#925C32
66.7%	66.7% #A36737	RGB 163 103 55	#A36737
83.3%	83.3% #B4723C	RGB 180 114 60	#B4723C
100.0%	100.0% #C67D42	RGB 198 125 66	#C67D42

#5E3C23 #6F4628 #80512D #925C32 #A36737 #B4723C #C67D42

#5E3C23 - #C67D42

Miscela HSV

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

0.0%	0.0% #5E3C23	RGB 94 60 35	#5E3C23
16.7%	16.7% #6F4628	RGB 111 70 40	#6F4628
33.3%	33.3% #80512E	RGB 128 81 46	#80512E
50.0%	50.0% #925C33	RGB 146 92 51	#925C33
66.7%	66.7% #A36738	RGB 163 103 56	#A36738
83.3%	83.3% #B4723D	RGB 180 114 61	#B4723D
100.0%	100.0% #C67D42	RGB 198 125 66	#C67D42

#5E3C23 #6F4628 #80512E #925C33 #A36738 #B4723D #C67D42

#5E3C23 - #925C33 - #C67D42

Codici CSS

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

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