#E2D5E6 - #9483A8 | 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 #E2D5E6 à #9483A8

#E2D5E6 #9483A8

Calculez la couleur entre deux couleurs, #E2D5E6 et #9483A8. 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)

#E2D5E6 - #9483A8 | 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 #E2D5E6 0% et #9483A8 100%.

0.0%	0.0% #E2D5E6	RVB 226 213 230	#E2D5E6
16.7%	16.7% #D5C7DB	RVB 213 199 219	#D5C7DB
33.3%	33.3% #C8B9D1	RVB 200 185 209	#C8B9D1
50.0%	50.0% #BBACC7	RVB 187 172 199	#BBACC7
66.7%	66.7% #AE9EBC	RVB 174 158 188	#AE9EBC
83.3%	83.3% #A190B2	RVB 161 144 178	#A190B2
100.0%	100.0% #9483A8	RVB 148 131 168	#9483A8

#E2D5E6 #D5C7DB #C8B9D1 #BBACC7 #AE9EBC #A190B2 #9483A8

#E2D5E6 - #9483A8

Mélange HSV

#E2D5E6 - #9483A8 | 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 #E2D5E6 0% et #9483A8 100%.

0.0%	0.0% #E2D5E6	RVB 226 213 230	#E2D5E6
16.7%	16.7% #D5C6DB	RVB 213 198 219	#D5C6DB
33.3%	33.3% #C8B7D1	RVB 200 183 209	#C8B7D1
50.0%	50.0% #BBA9C7	RVB 187 169 199	#BBA9C7
66.7%	66.7% #AE9CBC	RVB 174 156 188	#AE9CBC
83.3%	83.3% #A18FB2	RVB 161 143 178	#A18FB2
100.0%	100.0% #9483A8	RVB 148 131 168	#9483A8

#E2D5E6 #D5C6DB #C8B7D1 #BBA9C7 #AE9CBC #A18FB2 #9483A8

#E2D5E6 - #BBA9C7 - #9483A8

Codes CSS

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

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