#AB9F24 - #E7E3C0 | 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 #AB9F24 à #E7E3C0

#AB9F24 #E7E3C0

Calculez la couleur entre deux couleurs, #AB9F24 et #E7E3C0. 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)

#AB9F24 - #E7E3C0 | 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 #AB9F24 0% et #E7E3C0 100%.

0.0%	0.0% #AB9F24	RVB 171 159 36	#AB9F24
16.7%	16.7% #B5AA3E	RVB 181 170 62	#B5AA3E
33.3%	33.3% #BFB558	RVB 191 181 88	#BFB558
50.0%	50.0% #C9C172	RVB 201 193 114	#C9C172
66.7%	66.7% #D3CC8C	RVB 211 204 140	#D3CC8C
83.3%	83.3% #DDD7A6	RVB 221 215 166	#DDD7A6
100.0%	100.0% #E7E3C0	RVB 231 227 192	#E7E3C0

#AB9F24 #B5AA3E #BFB558 #C9C172 #D3CC8C #DDD7A6 #E7E3C0

#AB9F24 - #E7E3C0

Mélange HSV

#AB9F24 - #E7E3C0 | 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 #AB9F24 0% et #E7E3C0 100%.

0.0%	0.0% #AB9F24	RVB 171 159 36	#AB9F24
16.7%	16.7% #B5A938	RVB 181 169 56	#B5A938
33.3%	33.3% #BFB44F	RVB 191 180 79	#BFB44F
50.0%	50.0% #C9BF68	RVB 201 191 104	#C9BF68
66.7%	66.7% #D3CB83	RVB 211 203 131	#D3CB83
83.3%	83.3% #DDD6A0	RVB 221 214 160	#DDD6A0
100.0%	100.0% #E7E3C0	RVB 231 227 192	#E7E3C0

#AB9F24 #B5A938 #BFB44F #C9BF68 #D3CB83 #DDD6A0 #E7E3C0

#AB9F24 - #C9BF68 - #E7E3C0

Codes CSS

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

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