#B8BCA8 - #8AA452 | 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 #B8BCA8 a #8AA452

#B8BCA8 #8AA452

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

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

0.0%	0.0% #B8BCA8	RGB 184 188 168	#B8BCA8
16.7%	16.7% #B0B899	RGB 176 184 153	#B0B899
33.3%	33.3% #A8B48B	RGB 168 180 139	#A8B48B
50.0%	50.0% #A1B07D	RGB 161 176 125	#A1B07D
66.7%	66.7% #99AC6E	RGB 153 172 110	#99AC6E
83.3%	83.3% #91A860	RGB 145 168 96	#91A860
100.0%	100.0% #8AA452	RGB 138 164 82	#8AA452

#B8BCA8 #B0B899 #A8B48B #A1B07D #99AC6E #91A860 #8AA452

#B8BCA8 - #8AA452

Miscela HSV

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

0.0%	0.0% #B8BCA8	RGB 184 188 168	#B8BCA8
16.7%	16.7% #B1B898	RGB 177 184 152	#B1B898
33.3%	33.3% #A9B489	RGB 169 180 137	#A9B489
50.0%	50.0% #A2B07A	RGB 162 176 122	#A2B07A
66.7%	66.7% #9AAC6C	RGB 154 172 108	#9AAC6C
83.3%	83.3% #92A85F	RGB 146 168 95	#92A85F
100.0%	100.0% #8AA452	RGB 138 164 82	#8AA452

#B8BCA8 #B1B898 #A9B489 #A2B07A #9AAC6C #92A85F #8AA452

#B8BCA8 - #A2B07A - #8AA452

Codici CSS

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

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