#5E2D27 - #BD6D49 | 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 #5E2D27 a #BD6D49

#5E2D27 #BD6D49

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

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

0.0%	0.0% #5E2D27	RGB 94 45 39	#5E2D27
16.7%	16.7% #6D372C	RGB 109 55 44	#6D372C
33.3%	33.3% #7D4232	RGB 125 66 50	#7D4232
50.0%	50.0% #8D4D38	RGB 141 77 56	#8D4D38
66.7%	66.7% #9D573D	RGB 157 87 61	#9D573D
83.3%	83.3% #AD6243	RGB 173 98 67	#AD6243
100.0%	100.0% #BD6D49	RGB 189 109 73	#BD6D49

#5E2D27 #6D372C #7D4232 #8D4D38 #9D573D #AD6243 #BD6D49

#5E2D27 - #BD6D49

Miscela HSV

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

0.0%	0.0% #5E2D27	RGB 94 45 39	#5E2D27
16.7%	16.7% #6D362D	RGB 109 54 45	#6D362D
33.3%	33.3% #7D4032	RGB 125 64 50	#7D4032
50.0%	50.0% #8D4A38	RGB 141 74 56	#8D4A38
66.7%	66.7% #9D553E	RGB 157 85 62	#9D553E
83.3%	83.3% #AD6043	RGB 173 96 67	#AD6043
100.0%	100.0% #BD6D49	RGB 189 109 73	#BD6D49

#5E2D27 #6D362D #7D4032 #8D4A38 #9D553E #AD6043 #BD6D49

#5E2D27 - #8D4A38 - #BD6D49

Codici CSS

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

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