#ACD3FF - #ECE5E8 | 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 #ACD3FF a #ECE5E8

#ACD3FF #ECE5E8

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

#ACD3FF - #ECE5E8 | 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 #ACD3FF come 0% e #ECE5E8 come 100%.

0.0%	0.0% #ACD3FF	RGB 172 211 255	#ACD3FF
16.7%	16.7% #B6D6FB	RGB 182 214 251	#B6D6FB
33.3%	33.3% #C1D9F7	RGB 193 217 247	#C1D9F7
50.0%	50.0% #CCDCF3	RGB 204 220 243	#CCDCF3
66.7%	66.7% #D6DFEF	RGB 214 223 239	#D6DFEF
83.3%	83.3% #E1E2EB	RGB 225 226 235	#E1E2EB
100.0%	100.0% #ECE5E8	RGB 236 229 232	#ECE5E8

#ACD3FF #B6D6FB #C1D9F7 #CCDCF3 #D6DFEF #E1E2EB #ECE5E8

#ACD3FF - #ECE5E8

Miscela HSV

#ACD3FF - #ECE5E8 | 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 #ACD3FF come 0% e #ECE5E8 come 100%.

0.0%	0.0% #ACD3FF	RGB 172 211 255	#ACD3FF
16.7%	16.7% #B6BFFB	RGB 182 191 251	#B6BFFB
33.3%	33.3% #CCC0F8	RGB 204 192 248	#CCC0F8
50.0%	50.0% #E1C9F5	RGB 225 201 245	#E1C9F5
66.7%	66.7% #EED3F2	RGB 238 211 242	#EED3F2
83.3%	83.3% #EFDCEA	RGB 239 220 234	#EFDCEA
100.0%	100.0% #ECE5E8	RGB 236 229 232	#ECE5E8

#ACD3FF #B6BFFB #CCC0F8 #E1C9F5 #EED3F2 #EFDCEA #ECE5E8

#ACD3FF - #E1C9F5 - #ECE5E8

Codici CSS

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

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