#C5E4F7 - #E8E8F0 | 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 #C5E4F7 a #E8E8F0

#C5E4F7 #E8E8F0

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

#C5E4F7 - #E8E8F0 | 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 #C5E4F7 come 0% e #E8E8F0 come 100%.

0.0%	0.0% #C5E4F7	RGB 197 228 247	#C5E4F7
16.7%	16.7% #CAE4F5	RGB 202 228 245	#CAE4F5
33.3%	33.3% #D0E5F4	RGB 208 229 244	#D0E5F4
50.0%	50.0% #D6E6F3	RGB 214 230 243	#D6E6F3
66.7%	66.7% #DCE6F2	RGB 220 230 242	#DCE6F2
83.3%	83.3% #E2E7F1	RGB 226 231 241	#E2E7F1
100.0%	100.0% #E8E8F0	RGB 232 232 240	#E8E8F0

#C5E4F7 #CAE4F5 #D0E5F4 #D6E6F3 #DCE6F2 #E2E7F1 #E8E8F0

#C5E4F7 - #E8E8F0

Miscela HSV

#C5E4F7 - #E8E8F0 | 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 #C5E4F7 come 0% e #E8E8F0 come 100%.

0.0%	0.0% #C5E4F7	RGB 197 228 247	#C5E4F7
16.7%	16.7% #CAE1F5	RGB 202 225 245	#CAE1F5
33.3%	33.3% #D0DFF4	RGB 208 223 244	#D0DFF4
50.0%	50.0% #D6DFF3	RGB 214 223 243	#D6DFF3
66.7%	66.7% #DCE1F2	RGB 220 225 242	#DCE1F2
83.3%	83.3% #E2E3F1	RGB 226 227 241	#E2E3F1
100.0%	100.0% #E8E8F0	RGB 232 232 240	#E8E8F0

#C5E4F7 #CAE1F5 #D0DFF4 #D6DFF3 #DCE1F2 #E2E3F1 #E8E8F0

#C5E4F7 - #D6DFF3 - #E8E8F0

Codici CSS

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

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