#4B9600 - #CBE1B6 | 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 #4B9600 à #CBE1B6

#4B9600 #CBE1B6

Calculez la couleur entre deux couleurs, #4B9600 et #CBE1B6. 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)

#4B9600 - #CBE1B6 | 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 #4B9600 0% et #CBE1B6 100%.

0.0%	0.0% #4B9600	RVB 75 150 0	#4B9600
16.7%	16.7% #60A21E	RVB 96 162 30	#60A21E
33.3%	33.3% #75AF3C	RVB 117 175 60	#75AF3C
50.0%	50.0% #8BBB5B	RVB 139 187 91	#8BBB5B
66.7%	66.7% #A0C879	RVB 160 200 121	#A0C879
83.3%	83.3% #B5D497	RVB 181 212 151	#B5D497
100.0%	100.0% #CBE1B6	RVB 203 225 182	#CBE1B6

#4B9600 #60A21E #75AF3C #8BBB5B #A0C879 #B5D497 #CBE1B6

#4B9600 - #CBE1B6

Mélange HSV

#4B9600 - #CBE1B6 | 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 #4B9600 0% et #CBE1B6 100%.

0.0%	0.0% #4B9600	RVB 75 150 0	#4B9600
16.7%	16.7% #5BA215	RVB 91 162 21	#5BA215
33.3%	33.3% #6EAF2F	RVB 110 175 47	#6EAF2F
50.0%	50.0% #83BB4B	RVB 131 187 75	#83BB4B
66.7%	66.7% #99C86B	RVB 153 200 107	#99C86B
83.3%	83.3% #B1D48F	RVB 177 212 143	#B1D48F
100.0%	100.0% #CBE1B6	RVB 203 225 182	#CBE1B6

#4B9600 #5BA215 #6EAF2F #83BB4B #99C86B #B1D48F #CBE1B6

#4B9600 - #83BB4B - #CBE1B6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B9600 0%, #83BB4B 50%, #CBE1B6 100%);
    background: -webkit-linear-gradient(top, #4B9600 0%, #83BB4B 50%, #CBE1B6 100%);
    background: linear-gradient(to bottom, #4B9600 0%, #83BB4B 50%, #CBE1B6 100%);
}
</style>