#6DB2FF - #D5E8FF | 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 #6DB2FF a #D5E8FF

#6DB2FF #D5E8FF

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

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

0.0%	0.0% #6DB2FF	RGB 109 178 255	#6DB2FF
16.7%	16.7% #7EBBFF	RGB 126 187 255	#7EBBFF
33.3%	33.3% #8FC4FF	RGB 143 196 255	#8FC4FF
50.0%	50.0% #A1CDFF	RGB 161 205 255	#A1CDFF
66.7%	66.7% #B2D6FF	RGB 178 214 255	#B2D6FF
83.3%	83.3% #C3DFFF	RGB 195 223 255	#C3DFFF
100.0%	100.0% #D5E8FF	RGB 213 232 255	#D5E8FF

#6DB2FF #7EBBFF #8FC4FF #A1CDFF #B2D6FF #C3DFFF #D5E8FF

#6DB2FF - #D5E8FF

Miscela HSV

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

0.0%	0.0% #6DB1FF	RGB 109 177 255	#6DB1FF
16.7%	16.7% #7EBAFF	RGB 126 186 255	#7EBAFF
33.3%	33.3% #8FC3FF	RGB 143 195 255	#8FC3FF
50.0%	50.0% #A1CCFF	RGB 161 204 255	#A1CCFF
66.7%	66.7% #B2D5FF	RGB 178 213 255	#B2D5FF
83.3%	83.3% #C3DEFF	RGB 195 222 255	#C3DEFF
100.0%	100.0% #D5E8FF	RGB 213 232 255	#D5E8FF

#6DB1FF #7EBAFF #8FC3FF #A1CCFF #B2D5FF #C3DEFF #D5E8FF

#6DB2FF - #A1CCFF - #D5E8FF

Codici CSS

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

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