#ECFDF5 - #FFFCFE | 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 #ECFDF5 a #FFFCFE

#ECFDF5 #FFFCFE

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

#ECFDF5 - #FFFCFE | 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 #ECFDF5 come 0% e #FFFCFE come 100%.

0.0%	0.0% #ECFDF5	RGB 236 253 245	#ECFDF5
16.7%	16.7% #EFFCF6	RGB 239 252 246	#EFFCF6
33.3%	33.3% #F2FCF8	RGB 242 252 248	#F2FCF8
50.0%	50.0% #F5FCF9	RGB 245 252 249	#F5FCF9
66.7%	66.7% #F8FCFB	RGB 248 252 251	#F8FCFB
83.3%	83.3% #FBFCFC	RGB 251 252 252	#FBFCFC
100.0%	100.0% #FFFCFE	RGB 255 252 254	#FFFCFE

#ECFDF5 #EFFCF6 #F2FCF8 #F5FCF9 #F8FCFB #FBFCFC #FFFCFE

#ECFDF5 - #FFFCFE

Miscela HSV

#ECFDF5 - #FFFCFE | 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 #ECFDF5 come 0% e #FFFCFE come 100%.

0.0%	0.0% #ECFDF5	RGB 236 253 245	#ECFDF5
16.7%	16.7% #EEFDFD	RGB 238 253 253	#EEFDFD
33.3%	33.3% #F1F7FD	RGB 241 247 253	#F1F7FD
50.0%	50.0% #F3F4FE	RGB 243 244 254	#F3F4FE
66.7%	66.7% #F9F6FE	RGB 249 246 254	#F9F6FE
83.3%	83.3% #FDF9FE	RGB 253 249 254	#FDF9FE
100.0%	100.0% #FFFCFE	RGB 255 252 254	#FFFCFE

#ECFDF5 #EEFDFD #F1F7FD #F3F4FE #F9F6FE #FDF9FE #FFFCFE

#ECFDF5 - #F3F4FE - #FFFCFE

Codici CSS

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

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