#C8DEA8 - #EFF5E6 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #C8DEA8 à #EFF5E6

#C8DEA8 #EFF5E6

Calculez la couleur entre deux couleurs, #C8DEA8 et #EFF5E6. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#C8DEA8 - #EFF5E6 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #C8DEA8 0% et #EFF5E6 100%.

0.0%	0.0% #C8DEA8	RVB 200 222 168	#C8DEA8
16.7%	16.7% #CEE1B2	RVB 206 225 178	#CEE1B2
33.3%	33.3% #D5E5BC	RVB 213 229 188	#D5E5BC
50.0%	50.0% #DBE9C7	RVB 219 233 199	#DBE9C7
66.7%	66.7% #E2EDD1	RVB 226 237 209	#E2EDD1
83.3%	83.3% #E8F1DB	RVB 232 241 219	#E8F1DB
100.0%	100.0% #EFF5E6	RVB 239 245 230	#EFF5E6

#C8DEA8 #CEE1B2 #D5E5BC #DBE9C7 #E2EDD1 #E8F1DB #EFF5E6

#C8DEA8 - #EFF5E6

Mélange HSV

#C8DEA8 - #EFF5E6 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #C8DEA8 0% et #EFF5E6 100%.

0.0%	0.0% #C8DEA8	RVB 200 222 168	#C8DEA8
16.7%	16.7% #CEE1B1	RVB 206 225 177	#CEE1B1
33.3%	33.3% #D4E5BB	RVB 212 229 187	#D4E5BB
50.0%	50.0% #DBE9C5	RVB 219 233 197	#DBE9C5
66.7%	66.7% #E1EDD0	RVB 225 237 208	#E1EDD0
83.3%	83.3% #E8F1DB	RVB 232 241 219	#E8F1DB
100.0%	100.0% #EFF5E6	RVB 239 245 230	#EFF5E6

#C8DEA8 #CEE1B1 #D4E5BB #DBE9C5 #E1EDD0 #E8F1DB #EFF5E6

#C8DEA8 - #DBE9C5 - #EFF5E6

Codes CSS

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

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