#AFAC9F - #EDD3B9 | 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 #AFAC9F à #EDD3B9

#AFAC9F #EDD3B9

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

#AFAC9F - #EDD3B9 | 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 #AFAC9F 0% et #EDD3B9 100%.

0.0%	0.0% #AFAC9F	RVB 175 172 159	#AFAC9F
16.7%	16.7% #B9B2A3	RVB 185 178 163	#B9B2A3
33.3%	33.3% #C3B9A7	RVB 195 185 167	#C3B9A7
50.0%	50.0% #CEBFAC	RVB 206 191 172	#CEBFAC
66.7%	66.7% #D8C6B0	RVB 216 198 176	#D8C6B0
83.3%	83.3% #E2CCB4	RVB 226 204 180	#E2CCB4
100.0%	100.0% #EDD3B9	RVB 237 211 185	#EDD3B9

#AFAC9F #B9B2A3 #C3B9A7 #CEBFAC #D8C6B0 #E2CCB4 #EDD3B9

#AFAC9F - #EDD3B9

Mélange HSV

#AFAC9F - #EDD3B9 | 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 #AFAC9F 0% et #EDD3B9 100%.

0.0%	0.0% #AFAC9F	RVB 175 172 159	#AFAC9F
16.7%	16.7% #B9B4A4	RVB 185 180 164	#B9B4A4
33.3%	33.3% #C3BCA9	RVB 195 188 169	#C3BCA9
50.0%	50.0% #CEC2AD	RVB 206 194 173	#CEC2AD
66.7%	66.7% #D8C9B2	RVB 216 201 178	#D8C9B2
83.3%	83.3% #E2CEB5	RVB 226 206 181	#E2CEB5
100.0%	100.0% #EDD3B9	RVB 237 211 185	#EDD3B9

#AFAC9F #B9B4A4 #C3BCA9 #CEC2AD #D8C9B2 #E2CEB5 #EDD3B9

#AFAC9F - #CEC2AD - #EDD3B9

Codes CSS

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

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