#E6B5D7 - #E5ECE6 | 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 #E6B5D7 à #E5ECE6

#E6B5D7 #E5ECE6

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

#E6B5D7 - #E5ECE6 | 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 #E6B5D7 0% et #E5ECE6 100%.

0.0%	0.0% #E6B5D7	RVB 230 181 215	#E6B5D7
16.7%	16.7% #E5BED9	RVB 229 190 217	#E5BED9
33.3%	33.3% #E5C7DC	RVB 229 199 220	#E5C7DC
50.0%	50.0% #E5D0DE	RVB 229 208 222	#E5D0DE
66.7%	66.7% #E5D9E1	RVB 229 217 225	#E5D9E1
83.3%	83.3% #E5E2E3	RVB 229 226 227	#E5E2E3
100.0%	100.0% #E5ECE6	RVB 229 236 230	#E5ECE6

#E6B5D7 #E5BED9 #E5C7DC #E5D0DE #E5D9E1 #E5E2E3 #E5ECE6

#E6B5D7 - #E5ECE6

Mélange HSV

#E6B5D7 - #E5ECE6 | 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 #E6B5D7 0% et #E5ECE6 100%.

0.0%	0.0% #E6B5D7	RVB 230 181 215	#E6B5D7
16.7%	16.7% #E7BCC6	RVB 231 188 198	#E7BCC6
33.3%	33.3% #E8CDC4	RVB 232 205 196	#E8CDC4
50.0%	50.0% #E9E1CC	RVB 233 225 204	#E9E1CC
66.7%	66.7% #E5EAD4	RVB 229 234 212	#E5EAD4
83.3%	83.3% #E1EBDC	RVB 225 235 220	#E1EBDC
100.0%	100.0% #E5ECE6	RVB 229 236 230	#E5ECE6

#E6B5D7 #E7BCC6 #E8CDC4 #E9E1CC #E5EAD4 #E1EBDC #E5ECE6

#E6B5D7 - #E9E1CC - #E5ECE6

Codes CSS

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

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