#E6B5C8 - #E5ECE8 | 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 #E6B5C8 à #E5ECE8

#E6B5C8 #E5ECE8

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

#E6B5C8 - #E5ECE8 | 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 #E6B5C8 0% et #E5ECE8 100%.

0.0%	0.0% #E6B5C8	RVB 230 181 200	#E6B5C8
16.7%	16.7% #E5BECD	RVB 229 190 205	#E5BECD
33.3%	33.3% #E5C7D2	RVB 229 199 210	#E5C7D2
50.0%	50.0% #E5D0D8	RVB 229 208 216	#E5D0D8
66.7%	66.7% #E5D9DD	RVB 229 217 221	#E5D9DD
83.3%	83.3% #E5E2E2	RVB 229 226 226	#E5E2E2
100.0%	100.0% #E5ECE8	RVB 229 236 232	#E5ECE8

#E6B5C8 #E5BECD #E5C7D2 #E5D0D8 #E5D9DD #E5E2E2 #E5ECE8

#E6B5C8 - #E5ECE8

Mélange HSV

#E6B5C8 - #E5ECE8 | 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 #E6B5C8 0% et #E5ECE8 100%.

0.0%	0.0% #E6B5C8	RVB 230 181 200	#E6B5C8
16.7%	16.7% #E7C0BC	RVB 231 192 188	#E7C0BC
33.3%	33.3% #E8D8C4	RVB 232 216 196	#E8D8C4
50.0%	50.0% #E8E9CC	RVB 232 233 204	#E8E9CC
66.7%	66.7% #DFEAD4	RVB 223 234 212	#DFEAD4
83.3%	83.3% #DDEBDC	RVB 221 235 220	#DDEBDC
100.0%	100.0% #E5ECE8	RVB 229 236 232	#E5ECE8

#E6B5C8 #E7C0BC #E8D8C4 #E8E9CC #DFEAD4 #DDEBDC #E5ECE8

#E6B5C8 - #E8E9CC - #E5ECE8

Codes CSS

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

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