#EDB5E7 - #C945A6 | 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 #EDB5E7 à #C945A6

#EDB5E7 #C945A6

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

#EDB5E7 - #C945A6 | 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 #EDB5E7 0% et #C945A6 100%.

0.0%	0.0% #EDB5E7	RVB 237 181 231	#EDB5E7
16.7%	16.7% #E7A2DC	RVB 231 162 220	#E7A2DC
33.3%	33.3% #E18FD1	RVB 225 143 209	#E18FD1
50.0%	50.0% #DB7DC6	RVB 219 125 198	#DB7DC6
66.7%	66.7% #D56ABB	RVB 213 106 187	#D56ABB
83.3%	83.3% #CF57B0	RVB 207 87 176	#CF57B0
100.0%	100.0% #C945A6	RVB 201 69 166	#C945A6

#EDB5E7 #E7A2DC #E18FD1 #DB7DC6 #D56ABB #CF57B0 #C945A6

#EDB5E7 - #C945A6

Mélange HSV

#EDB5E7 - #C945A6 | 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 #EDB5E7 0% et #C945A6 100%.

0.0%	0.0% #EDB5E7	RVB 237 181 231	#EDB5E7
16.7%	16.7% #E7A0DD	RVB 231 160 221	#E7A0DD
33.3%	33.3% #E18CD3	RVB 225 140 211	#E18CD3
50.0%	50.0% #DB79C8	RVB 219 121 200	#DB79C8
66.7%	66.7% #D566BD	RVB 213 102 189	#D566BD
83.3%	83.3% #CF55B1	RVB 207 85 177	#CF55B1
100.0%	100.0% #C945A6	RVB 201 69 166	#C945A6

#EDB5E7 #E7A0DD #E18CD3 #DB79C8 #D566BD #CF55B1 #C945A6

#EDB5E7 - #DB79C8 - #C945A6

Codes CSS

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

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