#B6BFB2 - #688E5E | 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 #B6BFB2 a #688E5E

#B6BFB2 #688E5E

Calcola il colore tra due colori, #B6BFB2 e #688E5E. 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)

#B6BFB2 - #688E5E | 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 #B6BFB2 come 0% e #688E5E come 100%.

0.0%	0.0% #B6BFB2	RGB 182 191 178	#B6BFB2
16.7%	16.7% #A9B6A4	RGB 169 182 164	#A9B6A4
33.3%	33.3% #9CAE96	RGB 156 174 150	#9CAE96
50.0%	50.0% #8FA688	RGB 143 166 136	#8FA688
66.7%	66.7% #829E7A	RGB 130 158 122	#829E7A
83.3%	83.3% #75966C	RGB 117 150 108	#75966C
100.0%	100.0% #688E5E	RGB 104 142 94	#688E5E

#B6BFB2 #A9B6A4 #9CAE96 #8FA688 #829E7A #75966C #688E5E

#B6BFB2 - #688E5E

Miscela HSV

#B6BFB2 - #688E5E | 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 #B6BFB2 come 0% e #688E5E come 100%.

0.0%	0.0% #B6BFB2	RGB 182 191 178	#B6BFB2
16.7%	16.7% #A8B6A2	RGB 168 182 162	#A8B6A2
33.3%	33.3% #9AAE93	RGB 154 174 147	#9AAE93
50.0%	50.0% #8DA684	RGB 141 166 132	#8DA684
66.7%	66.7% #809E77	RGB 128 158 119	#809E77
83.3%	83.3% #74966A	RGB 116 150 106	#74966A
100.0%	100.0% #688E5E	RGB 104 142 94	#688E5E

#B6BFB2 #A8B6A2 #9AAE93 #8DA684 #809E77 #74966A #688E5E

#B6BFB2 - #8DA684 - #688E5E

Codici CSS

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

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