#DFE7FF - #DFECF9 | 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 #DFE7FF a #DFECF9

#DFE7FF #DFECF9

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

#DFE7FF - #DFECF9 | 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 #DFE7FF come 0% e #DFECF9 come 100%.

0.0%	0.0% #DFE7FF	RGB 223 231 255	#DFE7FF
16.7%	16.7% #DFE7FE	RGB 223 231 254	#DFE7FE
33.3%	33.3% #DFE8FD	RGB 223 232 253	#DFE8FD
50.0%	50.0% #DFE9FC	RGB 223 233 252	#DFE9FC
66.7%	66.7% #DFEAFB	RGB 223 234 251	#DFEAFB
83.3%	83.3% #DFEBFA	RGB 223 235 250	#DFEBFA
100.0%	100.0% #DFECF9	RGB 223 236 249	#DFECF9

#DFE7FF #DFE7FE #DFE8FD #DFE9FC #DFEAFB #DFEBFA #DFECF9

#DFE7FF - #DFECF9

Miscela HSV

#DFE7FF - #DFECF9 | 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 #DFE7FF come 0% e #DFECF9 come 100%.

0.0%	0.0% #DFE7FF	RGB 223 231 255	#DFE7FF
16.7%	16.7% #DFE8FE	RGB 223 232 254	#DFE8FE
33.3%	33.3% #DFE9FD	RGB 223 233 253	#DFE9FD
50.0%	50.0% #DFE9FC	RGB 223 233 252	#DFE9FC
66.7%	66.7% #DFEAFB	RGB 223 234 251	#DFEAFB
83.3%	83.3% #DFEBFA	RGB 223 235 250	#DFEBFA
100.0%	100.0% #DFECF9	RGB 223 236 249	#DFECF9

#DFE7FF #DFE8FE #DFE9FD #DFE9FC #DFEAFB #DFEBFA #DFECF9

#DFE7FF - #DFE9FC - #DFECF9

Codici CSS

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

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