#C9F8C7 - #EFFDEF | 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 #C9F8C7 à #EFFDEF

#C9F8C7 #EFFDEF

Calculez la couleur entre deux couleurs, #C9F8C7 et #EFFDEF. 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)

#C9F8C7 - #EFFDEF | 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 #C9F8C7 0% et #EFFDEF 100%.

0.0%	0.0% #C9F8C7	RVB 201 248 199	#C9F8C7
16.7%	16.7% #CFF8CD	RVB 207 248 205	#CFF8CD
33.3%	33.3% #D5F9D4	RVB 213 249 212	#D5F9D4
50.0%	50.0% #DCFADB	RVB 220 250 219	#DCFADB
66.7%	66.7% #E2FBE1	RVB 226 251 225	#E2FBE1
83.3%	83.3% #E8FCE8	RVB 232 252 232	#E8FCE8
100.0%	100.0% #EFFDEF	RVB 239 253 239	#EFFDEF

#C9F8C7 #CFF8CD #D5F9D4 #DCFADB #E2FBE1 #E8FCE8 #EFFDEF

#C9F8C7 - #EFFDEF

Mélange HSV

#C9F8C7 - #EFFDEF | 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 #C9F8C7 0% et #EFFDEF 100%.

0.0%	0.0% #C9F8C7	RVB 201 248 199	#C9F8C7
16.7%	16.7% #CFF8CD	RVB 207 248 205	#CFF8CD
33.3%	33.3% #D5F9D4	RVB 213 249 212	#D5F9D4
50.0%	50.0% #DBFADA	RVB 219 250 218	#DBFADA
66.7%	66.7% #E1FBE1	RVB 225 251 225	#E1FBE1
83.3%	83.3% #E8FCE8	RVB 232 252 232	#E8FCE8
100.0%	100.0% #EFFDEF	RVB 239 253 239	#EFFDEF

#C9F8C7 #CFF8CD #D5F9D4 #DBFADA #E1FBE1 #E8FCE8 #EFFDEF

#C9F8C7 - #DBFADA - #EFFDEF

Codes CSS

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

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