#5E9968 - #D2D685 | 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 #5E9968 à #D2D685

#5E9968 #D2D685

Calculez la couleur entre deux couleurs, #5E9968 et #D2D685. 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)

#5E9968 - #D2D685 | 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 #5E9968 0% et #D2D685 100%.

0.0%	0.0% #5E9968	RVB 94 153 104	#5E9968
16.7%	16.7% #71A36C	RVB 113 163 108	#71A36C
33.3%	33.3% #84AD71	RVB 132 173 113	#84AD71
50.0%	50.0% #98B776	RVB 152 183 118	#98B776
66.7%	66.7% #ABC17B	RVB 171 193 123	#ABC17B
83.3%	83.3% #BECB80	RVB 190 203 128	#BECB80
100.0%	100.0% #D2D685	RVB 210 214 133	#D2D685

#5E9968 #71A36C #84AD71 #98B776 #ABC17B #BECB80 #D2D685

#5E9968 - #D2D685

Mélange HSV

#5E9968 - #D2D685 | 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 #5E9968 0% et #D2D685 100%.

0.0%	0.0% #5E9968	RVB 94 153 104	#5E9968
16.7%	16.7% #65A364	RVB 101 163 100	#65A364
33.3%	33.3% #78AD6A	RVB 120 173 106	#78AD6A
50.0%	50.0% #8CB771	RVB 140 183 113	#8CB771
66.7%	66.7% #A2C177	RVB 162 193 119	#A2C177
83.3%	83.3% #B9CB7E	RVB 185 203 126	#B9CB7E
100.0%	100.0% #D2D685	RVB 210 214 133	#D2D685

#5E9968 #65A364 #78AD6A #8CB771 #A2C177 #B9CB7E #D2D685

#5E9968 - #8CB771 - #D2D685

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9968 0%, #8CB771 50%, #D2D685 100%);
    background: -webkit-linear-gradient(top, #5E9968 0%, #8CB771 50%, #D2D685 100%);
    background: linear-gradient(to bottom, #5E9968 0%, #8CB771 50%, #D2D685 100%);
}
</style>