#DFE6FF - #8D9AF2 | 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 #DFE6FF a #8D9AF2

#DFE6FF #8D9AF2

Calcola il colore tra due colori, #DFE6FF e #8D9AF2. 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)

#DFE6FF - #8D9AF2 | 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 #DFE6FF come 0% e #8D9AF2 come 100%.

0.0%	0.0% #DFE6FF	RGB 223 230 255	#DFE6FF
16.7%	16.7% #D1D9FC	RGB 209 217 252	#D1D9FC
33.3%	33.3% #C3CCFA	RGB 195 204 250	#C3CCFA
50.0%	50.0% #B6C0F8	RGB 182 192 248	#B6C0F8
66.7%	66.7% #A8B3F6	RGB 168 179 246	#A8B3F6
83.3%	83.3% #9AA6F4	RGB 154 166 244	#9AA6F4
100.0%	100.0% #8D9AF2	RGB 141 154 242	#8D9AF2

#DFE6FF #D1D9FC #C3CCFA #B6C0F8 #A8B3F6 #9AA6F4 #8D9AF2

#DFE6FF - #8D9AF2

Miscela HSV

#DFE6FF - #8D9AF2 | 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 #DFE6FF come 0% e #8D9AF2 come 100%.

0.0%	0.0% #DFE6FF	RGB 223 230 255	#DFE6FF
16.7%	16.7% #D0D9FC	RGB 208 217 252	#D0D9FC
33.3%	33.3% #C2CDFA	RGB 194 205 250	#C2CDFA
50.0%	50.0% #B5C0F8	RGB 181 192 248	#B5C0F8
66.7%	66.7% #A7B4F6	RGB 167 180 246	#A7B4F6
83.3%	83.3% #9AA7F4	RGB 154 167 244	#9AA7F4
100.0%	100.0% #8D9AF2	RGB 141 154 242	#8D9AF2

#DFE6FF #D0D9FC #C2CDFA #B5C0F8 #A7B4F6 #9AA7F4 #8D9AF2

#DFE6FF - #B5C0F8 - #8D9AF2

Codici CSS

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

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