#E2F2FD - #FFF0FD | 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 #E2F2FD a #FFF0FD

#E2F2FD #FFF0FD

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

#E2F2FD - #FFF0FD | 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 #E2F2FD come 0% e #FFF0FD come 100%.

0.0%	0.0% #E2F2FD	RGB 226 242 253	#E2F2FD
16.7%	16.7% #E6F1FD	RGB 230 241 253	#E6F1FD
33.3%	33.3% #EBF1FD	RGB 235 241 253	#EBF1FD
50.0%	50.0% #F0F1FD	RGB 240 241 253	#F0F1FD
66.7%	66.7% #F5F0FD	RGB 245 240 253	#F5F0FD
83.3%	83.3% #FAF0FD	RGB 250 240 253	#FAF0FD
100.0%	100.0% #FFF0FD	RGB 255 240 253	#FFF0FD

#E2F2FD #E6F1FD #EBF1FD #F0F1FD #F5F0FD #FAF0FD #FFF0FD

#E2F2FD - #FFF0FD

Miscela HSV

#E2F2FD - #FFF0FD | 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 #E2F2FD come 0% e #FFF0FD come 100%.

0.0%	0.0% #E2F2FD	RGB 226 242 253	#E2F2FD
16.7%	16.7% #E4EBFD	RGB 228 235 253	#E4EBFD
33.3%	33.3% #E6E7FD	RGB 230 231 253	#E6E7FD
50.0%	50.0% #EEE8FE	RGB 238 232 254	#EEE8FE
66.7%	66.7% #F5EBFE	RGB 245 235 254	#F5EBFE
83.3%	83.3% #FCEDFE	RGB 252 237 254	#FCEDFE
100.0%	100.0% #FFF0FD	RGB 255 240 253	#FFF0FD

#E2F2FD #E4EBFD #E6E7FD #EEE8FE #F5EBFE #FCEDFE #FFF0FD

#E2F2FD - #EEE8FE - #FFF0FD

Codici CSS

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

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