#CBE2FF - #6D9AD6 | 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 #CBE2FF a #6D9AD6

#CBE2FF #6D9AD6

Calcola il colore tra due colori, #CBE2FF e #6D9AD6. 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)

#CBE2FF - #6D9AD6 | 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 #CBE2FF come 0% e #6D9AD6 come 100%.

0.0%	0.0% #CBE2FF	RGB 203 226 255	#CBE2FF
16.7%	16.7% #BBD6F8	RGB 187 214 248	#BBD6F8
33.3%	33.3% #ABCAF1	RGB 171 202 241	#ABCAF1
50.0%	50.0% #9CBEEA	RGB 156 190 234	#9CBEEA
66.7%	66.7% #8CB2E3	RGB 140 178 227	#8CB2E3
83.3%	83.3% #7CA6DC	RGB 124 166 220	#7CA6DC
100.0%	100.0% #6D9AD6	RGB 109 154 214	#6D9AD6

#CBE2FF #BBD6F8 #ABCAF1 #9CBEEA #8CB2E3 #7CA6DC #6D9AD6

#CBE2FF - #6D9AD6

Miscela HSV

#CBE2FF - #6D9AD6 | 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 #CBE2FF come 0% e #6D9AD6 come 100%.

0.0%	0.0% #CBE2FF	RGB 203 226 255	#CBE2FF
16.7%	16.7% #B9D5F8	RGB 185 213 248	#B9D5F8
33.3%	33.3% #A9C8F1	RGB 169 200 241	#A9C8F1
50.0%	50.0% #99BCEA	RGB 153 188 234	#99BCEA
66.7%	66.7% #89B0E3	RGB 137 176 227	#89B0E3
83.3%	83.3% #7BA5DC	RGB 123 165 220	#7BA5DC
100.0%	100.0% #6D9AD6	RGB 109 154 214	#6D9AD6

#CBE2FF #B9D5F8 #A9C8F1 #99BCEA #89B0E3 #7BA5DC #6D9AD6

#CBE2FF - #99BCEA - #6D9AD6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
    background: -webkit-linear-gradient(top, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
    background: linear-gradient(to bottom, #CBE2FF 0%, #99BCEA 50%, #6D9AD6 100%);
}
</style>