#ACAF2B - #E9ADB5 | 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 #ACAF2B à #E9ADB5

#ACAF2B #E9ADB5

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

#ACAF2B - #E9ADB5 | 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 #ACAF2B 0% et #E9ADB5 100%.

0.0%	0.0% #ACAF2B	RVB 172 175 43	#ACAF2B
16.7%	16.7% #B6AE42	RVB 182 174 66	#B6AE42
33.3%	33.3% #C0AE59	RVB 192 174 89	#C0AE59
50.0%	50.0% #CAAE70	RVB 202 174 112	#CAAE70
66.7%	66.7% #D4AD87	RVB 212 173 135	#D4AD87
83.3%	83.3% #DEAD9E	RVB 222 173 158	#DEAD9E
100.0%	100.0% #E9ADB5	RVB 233 173 181	#E9ADB5

#ACAF2B #B6AE42 #C0AE59 #CAAE70 #D4AD87 #DEAD9E #E9ADB5

#ACAF2B - #E9ADB5

Mélange HSV

#ACAF2B - #E9ADB5 | 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 #ACAF2B 0% et #E9ADB5 100%.

0.0%	0.0% #ACAF2B	RVB 172 175 43	#ACAF2B
16.7%	16.7% #B8A33C	RVB 184 163 60	#B8A33C
33.3%	33.3% #C2984F	RVB 194 152 79	#C2984F
50.0%	50.0% #CC9264	RVB 204 146 100	#CC9264
66.7%	66.7% #D5927B	RVB 213 146 123	#D5927B
83.3%	83.3% #DF9793	RVB 223 151 147	#DF9793
100.0%	100.0% #E9ADB5	RVB 233 173 181	#E9ADB5

#ACAF2B #B8A33C #C2984F #CC9264 #D5927B #DF9793 #E9ADB5

#ACAF2B - #CC9264 - #E9ADB5

Codes CSS

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

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