#CEDCD5 - #E6F0FF | 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 #CEDCD5 a #E6F0FF

#CEDCD5 #E6F0FF

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

#CEDCD5 - #E6F0FF | 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 #CEDCD5 come 0% e #E6F0FF come 100%.

0.0%	0.0% #CEDCD5	RGB 206 220 213	#CEDCD5
16.7%	16.7% #D2DFDC	RGB 210 223 220	#D2DFDC
33.3%	33.3% #D6E2E3	RGB 214 226 227	#D6E2E3
50.0%	50.0% #DAE6EA	RGB 218 230 234	#DAE6EA
66.7%	66.7% #DEE9F1	RGB 222 233 241	#DEE9F1
83.3%	83.3% #E2ECF8	RGB 226 236 248	#E2ECF8
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#CEDCD5 #D2DFDC #D6E2E3 #DAE6EA #DEE9F1 #E2ECF8 #E6F0FF

#CEDCD5 - #E6F0FF

Miscela HSV

#CEDCD5 - #E6F0FF | 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 #CEDCD5 come 0% e #E6F0FF come 100%.

0.0%	0.0% #CEDCD5	RGB 206 220 213	#CEDCD5
16.7%	16.7% #D2E1DC	RGB 210 225 220	#D2E1DC
33.3%	33.3% #D6E7E5	RGB 214 231 229	#D6E7E5
50.0%	50.0% #DAECED	RGB 218 236 237	#DAECED
66.7%	66.7% #DEEEF3	RGB 222 238 243	#DEEEF3
83.3%	83.3% #E2EFF9	RGB 226 239 249	#E2EFF9
100.0%	100.0% #E6F0FF	RGB 230 240 255	#E6F0FF

#CEDCD5 #D2E1DC #D6E7E5 #DAECED #DEEEF3 #E2EFF9 #E6F0FF

#CEDCD5 - #DAECED - #E6F0FF

Codici CSS

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

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