#B5E9FA - #EEE7ED | 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 #B5E9FA a #EEE7ED

#B5E9FA #EEE7ED

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

#B5E9FA - #EEE7ED | 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 #B5E9FA come 0% e #EEE7ED come 100%.

0.0%	0.0% #B5E9FA	RGB 181 233 250	#B5E9FA
16.7%	16.7% #BEE8F7	RGB 190 232 247	#BEE8F7
33.3%	33.3% #C8E8F5	RGB 200 232 245	#C8E8F5
50.0%	50.0% #D1E8F3	RGB 209 232 243	#D1E8F3
66.7%	66.7% #DBE7F1	RGB 219 231 241	#DBE7F1
83.3%	83.3% #E4E7EF	RGB 228 231 239	#E4E7EF
100.0%	100.0% #EEE7ED	RGB 238 231 237	#EEE7ED

#B5E9FA #BEE8F7 #C8E8F5 #D1E8F3 #DBE7F1 #E4E7EF #EEE7ED

#B5E9FA - #EEE7ED

Miscela HSV

#B5E9FA - #EEE7ED | 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 #B5E9FA come 0% e #EEE7ED come 100%.

0.0%	0.0% #B5E9FA	RGB 181 233 250	#B5E9FA
16.7%	16.7% #BDD7F8	RGB 189 215 248	#BDD7F8
33.3%	33.3% #C6CCF6	RGB 198 204 246	#C6CCF6
50.0%	50.0% #D5CEF4	RGB 213 206 244	#D5CEF4
66.7%	66.7% #E4D6F2	RGB 228 214 242	#E4D6F2
83.3%	83.3% #EDDFF0	RGB 237 223 240	#EDDFF0
100.0%	100.0% #EEE7ED	RGB 238 231 237	#EEE7ED

#B5E9FA #BDD7F8 #C6CCF6 #D5CEF4 #E4D6F2 #EDDFF0 #EEE7ED

#B5E9FA - #D5CEF4 - #EEE7ED

Codici CSS

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

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