#B6ABC6 - #BBDDDF | 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 #B6ABC6 a #BBDDDF

#B6ABC6 #BBDDDF

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

#B6ABC6 - #BBDDDF | 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 #B6ABC6 come 0% e #BBDDDF come 100%.

0.0%	0.0% #B6ABC6	RGB 182 171 198	#B6ABC6
16.7%	16.7% #B6B3CA	RGB 182 179 202	#B6B3CA
33.3%	33.3% #B7BBCE	RGB 183 187 206	#B7BBCE
50.0%	50.0% #B8C4D2	RGB 184 196 210	#B8C4D2
66.7%	66.7% #B9CCD6	RGB 185 204 214	#B9CCD6
83.3%	83.3% #BAD4DA	RGB 186 212 218	#BAD4DA
100.0%	100.0% #BBDDDF	RGB 187 221 223	#BBDDDF

#B6ABC6 #B6B3CA #B7BBCE #B8C4D2 #B9CCD6 #BAD4DA #BBDDDF

#B6ABC6 - #BBDDDF

Miscela HSV

#B6ABC6 - #BBDDDF | 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 #B6ABC6 come 0% e #BBDDDF come 100%.

0.0%	0.0% #B6ABC6	RGB 182 171 198	#B6ABC6
16.7%	16.7% #B2ADCA	RGB 178 173 202	#B2ADCA
33.3%	33.3% #B0B1CE	RGB 176 177 206	#B0B1CE
50.0%	50.0% #B3BBD2	RGB 179 187 210	#B3BBD2
66.7%	66.7% #B5C6D6	RGB 181 198 214	#B5C6D6
83.3%	83.3% #B8D1DA	RGB 184 209 218	#B8D1DA
100.0%	100.0% #BBDDDF	RGB 187 221 223	#BBDDDF

#B6ABC6 #B2ADCA #B0B1CE #B3BBD2 #B5C6D6 #B8D1DA #BBDDDF

#B6ABC6 - #B3BBD2 - #BBDDDF

Codici CSS

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

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