#C5EAF8 - #D9F9EB | 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 #C5EAF8 a #D9F9EB

#C5EAF8 #D9F9EB

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

#C5EAF8 - #D9F9EB | 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 #C5EAF8 come 0% e #D9F9EB come 100%.

0.0%	0.0% #C5EAF8	RGB 197 234 248	#C5EAF8
16.7%	16.7% #C8ECF5	RGB 200 236 245	#C8ECF5
33.3%	33.3% #CBEFF3	RGB 203 239 243	#CBEFF3
50.0%	50.0% #CFF1F1	RGB 207 241 241	#CFF1F1
66.7%	66.7% #D2F4EF	RGB 210 244 239	#D2F4EF
83.3%	83.3% #D5F6ED	RGB 213 246 237	#D5F6ED
100.0%	100.0% #D9F9EB	RGB 217 249 235	#D9F9EB

#C5EAF8 #C8ECF5 #CBEFF3 #CFF1F1 #D2F4EF #D5F6ED #D9F9EB

#C5EAF8 - #D9F9EB

Miscela HSV

#C5EAF8 - #D9F9EB | 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 #C5EAF8 come 0% e #D9F9EB come 100%.

0.0%	0.0% #C5EAF8	RGB 197 234 248	#C5EAF8
16.7%	16.7% #C8F0F8	RGB 200 240 248	#C8F0F8
33.3%	33.3% #CBF6F8	RGB 203 246 248	#CBF6F8
50.0%	50.0% #CEF8F5	RGB 206 248 245	#CEF8F5
66.7%	66.7% #D2F8F0	RGB 210 248 240	#D2F8F0
83.3%	83.3% #D5F8ED	RGB 213 248 237	#D5F8ED
100.0%	100.0% #D9F9EB	RGB 217 249 235	#D9F9EB

#C5EAF8 #C8F0F8 #CBF6F8 #CEF8F5 #D2F8F0 #D5F8ED #D9F9EB

#C5EAF8 - #CEF8F5 - #D9F9EB

Codici CSS

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

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