#BB9A8C - #9F5E38 | 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 #BB9A8C a #9F5E38

#BB9A8C #9F5E38

Calcola il colore tra due colori, #BB9A8C e #9F5E38. 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)

#BB9A8C - #9F5E38 | 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 #BB9A8C come 0% e #9F5E38 come 100%.

0.0%	0.0% #BB9A8C	RGB 187 154 140	#BB9A8C
16.7%	16.7% #B6907E	RGB 182 144 126	#B6907E
33.3%	33.3% #B18670	RGB 177 134 112	#B18670
50.0%	50.0% #AD7C62	RGB 173 124 98	#AD7C62
66.7%	66.7% #A87254	RGB 168 114 84	#A87254
83.3%	83.3% #A36846	RGB 163 104 70	#A36846
100.0%	100.0% #9F5E38	RGB 159 94 56	#9F5E38

#BB9A8C #B6907E #B18670 #AD7C62 #A87254 #A36846 #9F5E38

#BB9A8C - #9F5E38

Miscela HSV

#BB9A8C - #9F5E38 | 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 #BB9A8C come 0% e #9F5E38 come 100%.

0.0%	0.0% #BB9A8C	RGB 187 154 140	#BB9A8C
16.7%	16.7% #B68E7C	RGB 182 142 124	#B68E7C
33.3%	33.3% #B1836D	RGB 177 131 109	#B1836D
50.0%	50.0% #AD795F	RGB 173 121 95	#AD795F
66.7%	66.7% #A86F51	RGB 168 111 81	#A86F51
83.3%	83.3% #A36644	RGB 163 102 68	#A36644
100.0%	100.0% #9F5E38	RGB 159 94 56	#9F5E38

#BB9A8C #B68E7C #B1836D #AD795F #A86F51 #A36644 #9F5E38

#BB9A8C - #AD795F - #9F5E38

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB9A8C 0%, #AD795F 50%, #9F5E38 100%);
    background: -webkit-linear-gradient(top, #BB9A8C 0%, #AD795F 50%, #9F5E38 100%);
    background: linear-gradient(to bottom, #BB9A8C 0%, #AD795F 50%, #9F5E38 100%);
}
</style>