#B6AFB4 - #333233 | 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 #B6AFB4 a #333233

#B6AFB4 #333233

Calcola il colore tra due colori, #B6AFB4 e #333233. 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)

#B6AFB4 - #333233 | 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 #B6AFB4 come 0% e #333233 come 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #A09A9E	RGB 160 154 158	#A09A9E
33.3%	33.3% #8A8589	RGB 138 133 137	#8A8589
50.0%	50.0% #747073	RGB 116 112 115	#747073
66.7%	66.7% #5E5B5E	RGB 94 91 94	#5E5B5E
83.3%	83.3% #484648	RGB 72 70 72	#484648
100.0%	100.0% #333233	RGB 51 50 51	#333233

#B6AFB4 #A09A9E #8A8589 #747073 #5E5B5E #484648 #333233

#B6AFB4 - #333233

Miscela HSV

#B6AFB4 - #333233 | 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 #B6AFB4 come 0% e #333233 come 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #A09A9E	RGB 160 154 158	#A09A9E
33.3%	33.3% #8A8589	RGB 138 133 137	#8A8589
50.0%	50.0% #747174	RGB 116 113 116	#747174
66.7%	66.7% #5E5C5E	RGB 94 92 94	#5E5C5E
83.3%	83.3% #484748	RGB 72 71 72	#484748
100.0%	100.0% #333233	RGB 51 50 51	#333233

#B6AFB4 #A09A9E #8A8589 #747174 #5E5C5E #484748 #333233

#B6AFB4 - #747174 - #333233

Codici CSS

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

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