#B6ABB4 - #B5B5E7 | 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 #B6ABB4 a #B5B5E7

#B6ABB4 #B5B5E7

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

#B6ABB4 - #B5B5E7 | 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 #B6ABB4 come 0% e #B5B5E7 come 100%.

0.0%	0.0% #B6ABB4	RGB 182 171 180	#B6ABB4
16.7%	16.7% #B5ACBC	RGB 181 172 188	#B5ACBC
33.3%	33.3% #B5AEC5	RGB 181 174 197	#B5AEC5
50.0%	50.0% #B5B0CD	RGB 181 176 205	#B5B0CD
66.7%	66.7% #B5B1D6	RGB 181 177 214	#B5B1D6
83.3%	83.3% #B5B3DE	RGB 181 179 222	#B5B3DE
100.0%	100.0% #B5B5E7	RGB 181 181 231	#B5B5E7

#B6ABB4 #B5ACBC #B5AEC5 #B5B0CD #B5B1D6 #B5B3DE #B5B5E7

#B6ABB4 - #B5B5E7

Miscela HSV

#B6ABB4 - #B5B5E7 | 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 #B6ABB4 come 0% e #B5B5E7 come 100%.

0.0%	0.0% #B6ABB4	RGB 182 171 180	#B6ABB4
16.7%	16.7% #BDADBE	RGB 189 173 190	#BDADBE
33.3%	33.3% #C1B0C6	RGB 193 176 198	#C1B0C6
50.0%	50.0% #C2B1CE	RGB 194 177 206	#C2B1CE
66.7%	66.7% #C1B3D6	RGB 193 179 214	#C1B3D6
83.3%	83.3% #BCB4DE	RGB 188 180 222	#BCB4DE
100.0%	100.0% #B5B5E7	RGB 181 181 231	#B5B5E7

#B6ABB4 #BDADBE #C1B0C6 #C2B1CE #C1B3D6 #BCB4DE #B5B5E7

#B6ABB4 - #C2B1CE - #B5B5E7

Codici CSS

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

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