#A8696B - #E6D4D4 | 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 #A8696B à #E6D4D4

#A8696B #E6D4D4

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

#A8696B - #E6D4D4 | 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 #A8696B 0% et #E6D4D4 100%.

0.0%	0.0% #A8696B	RVB 168 105 107	#A8696B
16.7%	16.7% #B27A7C	RVB 178 122 124	#B27A7C
33.3%	33.3% #BC8C8E	RVB 188 140 142	#BC8C8E
50.0%	50.0% #C79E9F	RVB 199 158 159	#C79E9F
66.7%	66.7% #D1B0B1	RVB 209 176 177	#D1B0B1
83.3%	83.3% #DBC2C2	RVB 219 194 194	#DBC2C2
100.0%	100.0% #E6D4D4	RVB 230 212 212	#E6D4D4

#A8696B #B27A7C #BC8C8E #C79E9F #D1B0B1 #DBC2C2 #E6D4D4

#A8696B - #E6D4D4

Mélange HSV

#A8696B - #E6D4D4 | 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 #A8696B 0% et #E6D4D4 100%.

0.0%	0.0% #A8696B	RVB 168 105 107	#A8696B
16.7%	16.7% #B27879	RVB 178 120 121	#B27879
33.3%	33.3% #BC8889	RVB 188 136 137	#BC8889
50.0%	50.0% #C7999A	RVB 199 153 154	#C7999A
66.7%	66.7% #D1ACAC	RVB 209 172 172	#D1ACAC
83.3%	83.3% #DBBFBF	RVB 219 191 191	#DBBFBF
100.0%	100.0% #E6D4D4	RVB 230 212 212	#E6D4D4

#A8696B #B27879 #BC8889 #C7999A #D1ACAC #DBBFBF #E6D4D4

#A8696B - #C7999A - #E6D4D4

Codes CSS

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

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