#C2FFD9 - #E9E9D0 | 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 #C2FFD9 a #E9E9D0

#C2FFD9 #E9E9D0

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

#C2FFD9 - #E9E9D0 | 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 #C2FFD9 come 0% e #E9E9D0 come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #C8FBD7	RGB 200 251 215	#C8FBD7
33.3%	33.3% #CFF7D6	RGB 207 247 214	#CFF7D6
50.0%	50.0% #D5F4D4	RGB 213 244 212	#D5F4D4
66.7%	66.7% #DCF0D3	RGB 220 240 211	#DCF0D3
83.3%	83.3% #E2ECD1	RGB 226 236 209	#E2ECD1
100.0%	100.0% #E9E9D0	RGB 233 233 208	#E9E9D0

#C2FFD9 #C8FBD7 #CFF7D6 #D5F4D4 #DCF0D3 #E2ECD1 #E9E9D0

#C2FFD9 - #E9E9D0

Miscela HSV

#C2FFD9 - #E9E9D0 | 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 #C2FFD9 come 0% e #E9E9D0 come 100%.

0.0%	0.0% #C2FFD9	RGB 194 255 217	#C2FFD9
16.7%	16.7% #C4FBCC	RGB 196 251 204	#C4FBCC
33.3%	33.3% #CBF7C7	RGB 203 247 199	#CBF7C7
50.0%	50.0% #D6F4C9	RGB 214 244 201	#D6F4C9
66.7%	66.7% #DFF0CB	RGB 223 240 203	#DFF0CB
83.3%	83.3% #E5ECCE	RGB 229 236 206	#E5ECCE
100.0%	100.0% #E9E9D0	RGB 233 233 208	#E9E9D0

#C2FFD9 #C4FBCC #CBF7C7 #D6F4C9 #DFF0CB #E5ECCE #E9E9D0

#C2FFD9 - #D6F4C9 - #E9E9D0

Codici CSS

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

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