#B59E5E - #8B621B | 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 #B59E5E a #8B621B

#B59E5E #8B621B

Calcola il colore tra due colori, #B59E5E e #8B621B. 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)

#B59E5E - #8B621B | 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 #B59E5E come 0% e #8B621B come 100%.

0.0%	0.0% #B59E5E	RGB 181 158 94	#B59E5E
16.7%	16.7% #AE9452	RGB 174 148 82	#AE9452
33.3%	33.3% #A78A47	RGB 167 138 71	#A78A47
50.0%	50.0% #A0803C	RGB 160 128 60	#A0803C
66.7%	66.7% #997631	RGB 153 118 49	#997631
83.3%	83.3% #926C26	RGB 146 108 38	#926C26
100.0%	100.0% #8B621B	RGB 139 98 27	#8B621B

#B59E5E #AE9452 #A78A47 #A0803C #997631 #926C26 #8B621B

#B59E5E - #8B621B

Miscela HSV

#B59E5E - #8B621B | 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 #B59E5E come 0% e #8B621B come 100%.

0.0%	0.0% #B59E5E	RGB 181 158 94	#B59E5E
16.7%	16.7% #AE9350	RGB 174 147 80	#AE9350
33.3%	33.3% #A78944	RGB 167 137 68	#A78944
50.0%	50.0% #A07F39	RGB 160 127 57	#A07F39
66.7%	66.7% #99752E	RGB 153 117 46	#99752E
83.3%	83.3% #926B24	RGB 146 107 36	#926B24
100.0%	100.0% #8B621B	RGB 139 98 27	#8B621B

#B59E5E #AE9350 #A78944 #A07F39 #99752E #926B24 #8B621B

#B59E5E - #A07F39 - #8B621B

Codici CSS

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

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