#C9CEA8 - #EEFFC2 | 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 #C9CEA8 a #EEFFC2

#C9CEA8 #EEFFC2

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

#C9CEA8 - #EEFFC2 | 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 #C9CEA8 come 0% e #EEFFC2 come 100%.

0.0%	0.0% #C9CEA8	RGB 201 206 168	#C9CEA8
16.7%	16.7% #CFD6AC	RGB 207 214 172	#CFD6AC
33.3%	33.3% #D5DEB0	RGB 213 222 176	#D5DEB0
50.0%	50.0% #DBE6B5	RGB 219 230 181	#DBE6B5
66.7%	66.7% #E1EEB9	RGB 225 238 185	#E1EEB9
83.3%	83.3% #E7F6BD	RGB 231 246 189	#E7F6BD
100.0%	100.0% #EEFFC2	RGB 238 255 194	#EEFFC2

#C9CEA8 #CFD6AC #D5DEB0 #DBE6B5 #E1EEB9 #E7F6BD #EEFFC2

#C9CEA8 - #EEFFC2

Miscela HSV

#C9CEA8 - #EEFFC2 | 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 #C9CEA8 come 0% e #EEFFC2 come 100%.

0.0%	0.0% #C9CEA8	RGB 201 206 168	#C9CEA8
16.7%	16.7% #CFD6AC	RGB 207 214 172	#CFD6AC
33.3%	33.3% #D6DEB1	RGB 214 222 177	#D6DEB1
50.0%	50.0% #DCE6B5	RGB 220 230 181	#DCE6B5
66.7%	66.7% #E2EEB9	RGB 226 238 185	#E2EEB9
83.3%	83.3% #E8F6BE	RGB 232 246 190	#E8F6BE
100.0%	100.0% #EEFFC2	RGB 238 255 194	#EEFFC2

#C9CEA8 #CFD6AC #D6DEB1 #DCE6B5 #E2EEB9 #E8F6BE #EEFFC2

#C9CEA8 - #DCE6B5 - #EEFFC2

Codici CSS

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

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