#C2FFC4 - #EEEEFF | 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 #C2FFC4 a #EEEEFF

#C2FFC4 #EEEEFF

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

#C2FFC4 - #EEEEFF | 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 #C2FFC4 come 0% e #EEEEFF come 100%.

0.0%	0.0% #C2FFC4	RGB 194 255 196	#C2FFC4
16.7%	16.7% #C9FCCD	RGB 201 252 205	#C9FCCD
33.3%	33.3% #D0F9D7	RGB 208 249 215	#D0F9D7
50.0%	50.0% #D8F6E1	RGB 216 246 225	#D8F6E1
66.7%	66.7% #DFF3EB	RGB 223 243 235	#DFF3EB
83.3%	83.3% #E6F0F5	RGB 230 240 245	#E6F0F5
100.0%	100.0% #EEEEFF	RGB 238 238 255	#EEEEFF

#C2FFC4 #C9FCCD #D0F9D7 #D8F6E1 #DFF3EB #E6F0F5 #EEEEFF

#C2FFC4 - #EEEEFF

Miscela HSV

#C2FFC4 - #EEEEFF | 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 #C2FFC4 come 0% e #EEEEFF come 100%.

0.0%	0.0% #C2FFC4	RGB 194 255 196	#C2FFC4
16.7%	16.7% #C9FFDC	RGB 201 255 220	#C9FFDC
33.3%	33.3% #D0FFF0	RGB 208 255 240	#D0FFF0
50.0%	50.0% #D8FEFF	RGB 216 254 255	#D8FEFF
66.7%	66.7% #DFF4FF	RGB 223 244 255	#DFF4FF
83.3%	83.3% #E6EEFF	RGB 230 238 255	#E6EEFF
100.0%	100.0% #EEEEFF	RGB 238 238 255	#EEEEFF

#C2FFC4 #C9FFDC #D0FFF0 #D8FEFF #DFF4FF #E6EEFF #EEEEFF

#C2FFC4 - #D8FEFF - #EEEEFF

Codici CSS

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

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