#B99B5E - #905E1B | 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 #B99B5E a #905E1B

#B99B5E #905E1B

Calcola il colore tra due colori, #B99B5E e #905E1B. 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)

#B99B5E - #905E1B | 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 #B99B5E come 0% e #905E1B come 100%.

0.0%	0.0% #B99B5E	RGB 185 155 94	#B99B5E
16.7%	16.7% #B29052	RGB 178 144 82	#B29052
33.3%	33.3% #AB8647	RGB 171 134 71	#AB8647
50.0%	50.0% #A47C3C	RGB 164 124 60	#A47C3C
66.7%	66.7% #9D7231	RGB 157 114 49	#9D7231
83.3%	83.3% #966826	RGB 150 104 38	#966826
100.0%	100.0% #905E1B	RGB 144 94 27	#905E1B

#B99B5E #B29052 #AB8647 #A47C3C #9D7231 #966826 #905E1B

#B99B5E - #905E1B

Miscela HSV

#B99B5E - #905E1B | 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 #B99B5E come 0% e #905E1B come 100%.

0.0%	0.0% #B99B5E	RGB 185 155 94	#B99B5E
16.7%	16.7% #B29051	RGB 178 144 81	#B29051
33.3%	33.3% #AB8644	RGB 171 134 68	#AB8644
50.0%	50.0% #A47B39	RGB 164 123 57	#A47B39
66.7%	66.7% #9D712E	RGB 157 113 46	#9D712E
83.3%	83.3% #966724	RGB 150 103 36	#966724
100.0%	100.0% #905E1B	RGB 144 94 27	#905E1B

#B99B5E #B29051 #AB8644 #A47B39 #9D712E #966724 #905E1B

#B99B5E - #A47B39 - #905E1B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B99B5E 0%, #A47B39 50%, #905E1B 100%);
    background: -webkit-linear-gradient(top, #B99B5E 0%, #A47B39 50%, #905E1B 100%);
    background: linear-gradient(to bottom, #B99B5E 0%, #A47B39 50%, #905E1B 100%);
}
</style>