#488B5E - #C2D07E | 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 #488B5E à #C2D07E

#488B5E #C2D07E

Calculez la couleur entre deux couleurs, #488B5E et #C2D07E. 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)

#488B5E - #C2D07E | 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 #488B5E 0% et #C2D07E 100%.

0.0%	0.0% #488B5E	RVB 72 139 94	#488B5E
16.7%	16.7% #5C9663	RVB 92 150 99	#5C9663
33.3%	33.3% #70A268	RVB 112 162 104	#70A268
50.0%	50.0% #85AD6E	RVB 133 173 110	#85AD6E
66.7%	66.7% #99B973	RVB 153 185 115	#99B973
83.3%	83.3% #ADC478	RVB 173 196 120	#ADC478
100.0%	100.0% #C2D07E	RVB 194 208 126	#C2D07E

#488B5E #5C9663 #70A268 #85AD6E #99B973 #ADC478 #C2D07E

#488B5E - #C2D07E

Mélange HSV

#488B5E - #C2D07E | 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 #488B5E 0% et #C2D07E 100%.

0.0%	0.0% #488B5E	RVB 72 139 94	#488B5E
16.7%	16.7% #509659	RVB 80 150 89	#509659
33.3%	33.3% #5CA258	RVB 92 162 88	#5CA258
50.0%	50.0% #74AD61	RVB 116 173 97	#74AD61
66.7%	66.7% #8DB96A	RVB 141 185 106	#8DB96A
83.3%	83.3% #A7C474	RVB 167 196 116	#A7C474
100.0%	100.0% #C2D07E	RVB 194 208 126	#C2D07E

#488B5E #509659 #5CA258 #74AD61 #8DB96A #A7C474 #C2D07E

#488B5E - #74AD61 - #C2D07E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488B5E 0%, #74AD61 50%, #C2D07E 100%);
    background: -webkit-linear-gradient(top, #488B5E 0%, #74AD61 50%, #C2D07E 100%);
    background: linear-gradient(to bottom, #488B5E 0%, #74AD61 50%, #C2D07E 100%);
}
</style>