#ECEAF0 - #FFEDE5 | 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 #ECEAF0 a #FFEDE5

#ECEAF0 #FFEDE5

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

#ECEAF0 - #FFEDE5 | 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 #ECEAF0 come 0% e #FFEDE5 come 100%.

0.0%	0.0% #ECEAF0	RGB 236 234 240	#ECEAF0
16.7%	16.7% #EFEAEE	RGB 239 234 238	#EFEAEE
33.3%	33.3% #F2EBEC	RGB 242 235 236	#F2EBEC
50.0%	50.0% #F5EBEA	RGB 245 235 234	#F5EBEA
66.7%	66.7% #F8ECE8	RGB 248 236 232	#F8ECE8
83.3%	83.3% #FBECE6	RGB 251 236 230	#FBECE6
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#ECEAF0 #EFEAEE #F2EBEC #F5EBEA #F8ECE8 #FBECE6 #FFEDE5

#ECEAF0 - #FFEDE5

Miscela HSV

#ECEAF0 - #FFEDE5 | 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 #ECEAF0 come 0% e #FFEDE5 come 100%.

0.0%	0.0% #ECEAF0	RGB 236 234 240	#ECEAF0
16.7%	16.7% #EFE9F2	RGB 239 233 242	#EFE9F2
33.3%	33.3% #F4E8F5	RGB 244 232 245	#F4E8F5
50.0%	50.0% #F7E7F2	RGB 247 231 242	#F7E7F2
66.7%	66.7% #FAE6ED	RGB 250 230 237	#FAE6ED
83.3%	83.3% #FCE5E6	RGB 252 229 230	#FCE5E6
100.0%	100.0% #FFEDE5	RGB 255 237 229	#FFEDE5

#ECEAF0 #EFE9F2 #F4E8F5 #F7E7F2 #FAE6ED #FCE5E6 #FFEDE5

#ECEAF0 - #F7E7F2 - #FFEDE5

Codici CSS

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

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