#CDD9A8 - #8DAD53 | 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 #CDD9A8 à #8DAD53

#CDD9A8 #8DAD53

Calculez la couleur entre deux couleurs, #CDD9A8 et #8DAD53. 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)

#CDD9A8 - #8DAD53 | 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 #CDD9A8 0% et #8DAD53 100%.

0.0%	0.0% #CDD9A8	RVB 205 217 168	#CDD9A8
16.7%	16.7% #C2D199	RVB 194 209 153	#C2D199
33.3%	33.3% #B7CA8B	RVB 183 202 139	#B7CA8B
50.0%	50.0% #ADC37D	RVB 173 195 125	#ADC37D
66.7%	66.7% #A2BB6F	RVB 162 187 111	#A2BB6F
83.3%	83.3% #97B461	RVB 151 180 97	#97B461
100.0%	100.0% #8DAD53	RVB 141 173 83	#8DAD53

#CDD9A8 #C2D199 #B7CA8B #ADC37D #A2BB6F #97B461 #8DAD53

#CDD9A8 - #8DAD53

Mélange HSV

#CDD9A8 - #8DAD53 | 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 #CDD9A8 0% et #8DAD53 100%.

0.0%	0.0% #CDD9A8	RVB 205 217 168	#CDD9A8
16.7%	16.7% #C2D198	RVB 194 209 152	#C2D198
33.3%	33.3% #B7CA88	RVB 183 202 136	#B7CA88
50.0%	50.0% #ADC37A	RVB 173 195 122	#ADC37A
66.7%	66.7% #A2BB6C	RVB 162 187 108	#A2BB6C
83.3%	83.3% #97B45F	RVB 151 180 95	#97B45F
100.0%	100.0% #8DAD53	RVB 141 173 83	#8DAD53

#CDD9A8 #C2D198 #B7CA88 #ADC37A #A2BB6C #97B45F #8DAD53

#CDD9A8 - #ADC37A - #8DAD53

Codes CSS

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

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