#5E232C - #BC5C43 | 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 #5E232C a #BC5C43

#5E232C #BC5C43

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

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

0.0%	0.0% #5E232C	RGB 94 35 44	#5E232C
16.7%	16.7% #6D2C2F	RGB 109 44 47	#6D2C2F
33.3%	33.3% #7D3633	RGB 125 54 51	#7D3633
50.0%	50.0% #8D3F37	RGB 141 63 55	#8D3F37
66.7%	66.7% #9C493B	RGB 156 73 59	#9C493B
83.3%	83.3% #AC523F	RGB 172 82 63	#AC523F
100.0%	100.0% #BC5C43	RGB 188 92 67	#BC5C43

#5E232C #6D2C2F #7D3633 #8D3F37 #9C493B #AC523F #BC5C43

#5E232C - #BC5C43

Miscela HSV

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

0.0%	0.0% #5E232B	RGB 94 35 43	#5E232B
16.7%	16.7% #6D282E	RGB 109 40 46	#6D282E
33.3%	33.3% #7D2D30	RGB 125 45 48	#7D2D30
50.0%	50.0% #8D3533	RGB 141 53 51	#8D3533
66.7%	66.7% #9C4138	RGB 156 65 56	#9C4138
83.3%	83.3% #AC4E3D	RGB 172 78 61	#AC4E3D
100.0%	100.0% #BC5C43	RGB 188 92 67	#BC5C43

#5E232B #6D282E #7D2D30 #8D3533 #9C4138 #AC4E3D #BC5C43

#5E232C - #8D3533 - #BC5C43

Codici CSS

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

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