#B5E9FE - #ECE6EE | 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 #B5E9FE a #ECE6EE

#B5E9FE #ECE6EE

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

#B5E9FE - #ECE6EE | 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 #B5E9FE come 0% e #ECE6EE come 100%.

0.0%	0.0% #B5E9FE	RGB 181 233 254	#B5E9FE
16.7%	16.7% #BEE8FB	RGB 190 232 251	#BEE8FB
33.3%	33.3% #C7E8F8	RGB 199 232 248	#C7E8F8
50.0%	50.0% #D0E7F6	RGB 208 231 246	#D0E7F6
66.7%	66.7% #D9E7F3	RGB 217 231 243	#D9E7F3
83.3%	83.3% #E2E6F0	RGB 226 230 240	#E2E6F0
100.0%	100.0% #ECE6EE	RGB 236 230 238	#ECE6EE

#B5E9FE #BEE8FB #C7E8F8 #D0E7F6 #D9E7F3 #E2E6F0 #ECE6EE

#B5E9FE - #ECE6EE

Miscela HSV

#B5E9FE - #ECE6EE | 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 #B5E9FE come 0% e #ECE6EE come 100%.

0.0%	0.0% #B5E9FE	RGB 181 233 254	#B5E9FE
16.7%	16.7% #BDDAFB	RGB 189 218 251	#BDDAFB
33.3%	33.3% #C6D1F8	RGB 198 209 248	#C6D1F8
50.0%	50.0% #CFCEF6	RGB 207 206 246	#CFCEF6
66.7%	66.7% #DED6F3	RGB 222 214 243	#DED6F3
83.3%	83.3% #E7DEF0	RGB 231 222 240	#E7DEF0
100.0%	100.0% #ECE6EE	RGB 236 230 238	#ECE6EE

#B5E9FE #BDDAFB #C6D1F8 #CFCEF6 #DED6F3 #E7DEF0 #ECE6EE

#B5E9FE - #CFCEF6 - #ECE6EE

Codici CSS

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

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