#E5E2DF - #AC8986 | 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 #E5E2DF à #AC8986

#E5E2DF #AC8986

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

#E5E2DF - #AC8986 | 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 #E5E2DF 0% et #AC8986 100%.

0.0%	0.0% #E5E2DF	RVB 229 226 223	#E5E2DF
16.7%	16.7% #DBD3D0	RVB 219 211 208	#DBD3D0
33.3%	33.3% #D2C4C1	RVB 210 196 193	#D2C4C1
50.0%	50.0% #C8B5B2	RVB 200 181 178	#C8B5B2
66.7%	66.7% #BFA6A3	RVB 191 166 163	#BFA6A3
83.3%	83.3% #B59794	RVB 181 151 148	#B59794
100.0%	100.0% #AC8986	RVB 172 137 134	#AC8986

#E5E2DF #DBD3D0 #D2C4C1 #C8B5B2 #BFA6A3 #B59794 #AC8986

#E5E2DF - #AC8986

Mélange HSV

#E5E2DF - #AC8986 | 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 #E5E2DF 0% et #AC8986 100%.

0.0%	0.0% #E5E2DF	RVB 229 226 223	#E5E2DF
16.7%	16.7% #DBD4CE	RVB 219 212 206	#DBD4CE
33.3%	33.3% #D2C5BE	RVB 210 197 190	#D2C5BE
50.0%	50.0% #C8B6AF	RVB 200 182 175	#C8B6AF
66.7%	66.7% #BFA7A1	RVB 191 167 161	#BFA7A1
83.3%	83.3% #B59893	RVB 181 152 147	#B59893
100.0%	100.0% #AC8986	RVB 172 137 134	#AC8986

#E5E2DF #DBD4CE #D2C5BE #C8B6AF #BFA7A1 #B59893 #AC8986

#E5E2DF - #C8B6AF - #AC8986

Codes CSS

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

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