#C0EAB0 - #72CF5E | 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 #C0EAB0 à #72CF5E

#C0EAB0 #72CF5E

Calculez la couleur entre deux couleurs, #C0EAB0 et #72CF5E. 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)

#C0EAB0 - #72CF5E | 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 #C0EAB0 0% et #72CF5E 100%.

0.0%	0.0% #C0EAB0	RVB 192 234 176	#C0EAB0
16.7%	16.7% #B3E5A2	RVB 179 229 162	#B3E5A2
33.3%	33.3% #A6E194	RVB 166 225 148	#A6E194
50.0%	50.0% #99DC87	RVB 153 220 135	#99DC87
66.7%	66.7% #8CD879	RVB 140 216 121	#8CD879
83.3%	83.3% #7FD36B	RVB 127 211 107	#7FD36B
100.0%	100.0% #72CF5E	RVB 114 207 94	#72CF5E

#C0EAB0 #B3E5A2 #A6E194 #99DC87 #8CD879 #7FD36B #72CF5E

#C0EAB0 - #72CF5E

Mélange HSV

#C0EAB0 - #72CF5E | 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 #C0EAB0 0% et #72CF5E 100%.

0.0%	0.0% #C0EAB0	RVB 192 234 176	#C0EAB0
16.7%	16.7% #B2E5A1	RVB 178 229 161	#B2E5A1
33.3%	33.3% #A5E192	RVB 165 225 146	#A5E192
50.0%	50.0% #98DC84	RVB 152 220 132	#98DC84
66.7%	66.7% #8BD877	RVB 139 216 119	#8BD877
83.3%	83.3% #7ED36A	RVB 126 211 106	#7ED36A
100.0%	100.0% #72CF5E	RVB 114 207 94	#72CF5E

#C0EAB0 #B2E5A1 #A5E192 #98DC84 #8BD877 #7ED36A #72CF5E

#C0EAB0 - #98DC84 - #72CF5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EAB0 0%, #98DC84 50%, #72CF5E 100%);
    background: -webkit-linear-gradient(top, #C0EAB0 0%, #98DC84 50%, #72CF5E 100%);
    background: linear-gradient(to bottom, #C0EAB0 0%, #98DC84 50%, #72CF5E 100%);
}
</style>