#E5C4C2 - #AD5E6A | 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 #E5C4C2 à #AD5E6A

#E5C4C2 #AD5E6A

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

#E5C4C2 - #AD5E6A | 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 #E5C4C2 0% et #AD5E6A 100%.

0.0%	0.0% #E5C4C2	RVB 229 196 194	#E5C4C2
16.7%	16.7% #DBB3B3	RVB 219 179 179	#DBB3B3
33.3%	33.3% #D2A2A4	RVB 210 162 164	#D2A2A4
50.0%	50.0% #C99196	RVB 201 145 150	#C99196
66.7%	66.7% #BF8087	RVB 191 128 135	#BF8087
83.3%	83.3% #B66F78	RVB 182 111 120	#B66F78
100.0%	100.0% #AD5E6A	RVB 173 94 106	#AD5E6A

#E5C4C2 #DBB3B3 #D2A2A4 #C99196 #BF8087 #B66F78 #AD5E6A

#E5C4C2 - #AD5E6A

Mélange HSV

#E5C4C2 - #AD5E6A | 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 #E5C4C2 0% et #AD5E6A 100%.

0.0%	0.0% #E5C4C2	RVB 229 196 194	#E5C4C2
16.7%	16.7% #DBAFAE	RVB 219 175 174	#DBAFAE
33.3%	33.3% #D29C9D	RVB 210 156 157	#D29C9D
50.0%	50.0% #C98B8E	RVB 201 139 142	#C98B8E
66.7%	66.7% #BF7B81	RVB 191 123 129	#BF7B81
83.3%	83.3% #B66C74	RVB 182 108 116	#B66C74
100.0%	100.0% #AD5E6A	RVB 173 94 106	#AD5E6A

#E5C4C2 #DBAFAE #D29C9D #C98B8E #BF7B81 #B66C74 #AD5E6A

#E5C4C2 - #C98B8E - #AD5E6A

Codes CSS

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

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