#C5E9CA - #FBFFFF | 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 #C5E9CA a #FBFFFF

#C5E9CA #FBFFFF

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

#C5E9CA - #FBFFFF | 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 #C5E9CA come 0% e #FBFFFF come 100%.

0.0%	0.0% #C5E9CA	RGB 197 233 202	#C5E9CA
16.7%	16.7% #CEECD2	RGB 206 236 210	#CEECD2
33.3%	33.3% #D7F0DB	RGB 215 240 219	#D7F0DB
50.0%	50.0% #E0F4E4	RGB 224 244 228	#E0F4E4
66.7%	66.7% #E9F7ED	RGB 233 247 237	#E9F7ED
83.3%	83.3% #F2FBF6	RGB 242 251 246	#F2FBF6
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#C5E9CA #CEECD2 #D7F0DB #E0F4E4 #E9F7ED #F2FBF6 #FBFFFF

#C5E9CA - #FBFFFF

Miscela HSV

#C5E9CA - #FBFFFF | 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 #C5E9CA come 0% e #FBFFFF come 100%.

0.0%	0.0% #C5E9CA	RGB 197 233 202	#C5E9CA
16.7%	16.7% #CDECD6	RGB 205 236 214	#CDECD6
33.3%	33.3% #D6F0E1	RGB 214 240 225	#D6F0E1
50.0%	50.0% #DFF4EB	RGB 223 244 235	#DFF4EB
66.7%	66.7% #E8F7F3	RGB 232 247 243	#E8F7F3
83.3%	83.3% #F1FBF9	RGB 241 251 249	#F1FBF9
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#C5E9CA #CDECD6 #D6F0E1 #DFF4EB #E8F7F3 #F1FBF9 #FBFFFF

#C5E9CA - #DFF4EB - #FBFFFF

Codici CSS

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

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