#EB6CD1 - #ECADEB | 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 #EB6CD1 à #ECADEB

#EB6CD1 #ECADEB

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

#EB6CD1 - #ECADEB | 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 #EB6CD1 0% et #ECADEB 100%.

0.0%	0.0% #EB6CD1	RVB 235 108 209	#EB6CD1
16.7%	16.7% #EB76D5	RVB 235 118 213	#EB76D5
33.3%	33.3% #EB81D9	RVB 235 129 217	#EB81D9
50.0%	50.0% #EB8CDE	RVB 235 140 222	#EB8CDE
66.7%	66.7% #EB97E2	RVB 235 151 226	#EB97E2
83.3%	83.3% #EBA2E6	RVB 235 162 230	#EBA2E6
100.0%	100.0% #ECADEB	RVB 236 173 235	#ECADEB

#EB6CD1 #EB76D5 #EB81D9 #EB8CDE #EB97E2 #EBA2E6 #ECADEB

#EB6CD1 - #ECADEB

Mélange HSV

#EB6CD1 - #ECADEB | 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 #EB6CD1 0% et #ECADEB 100%.

0.0%	0.0% #EB6CD1	RVB 235 108 209	#EB6CD1
16.7%	16.7% #EB76D7	RVB 235 118 215	#EB76D7
33.3%	33.3% #EB81DC	RVB 235 129 220	#EB81DC
50.0%	50.0% #EB8CE1	RVB 235 140 225	#EB8CE1
66.7%	66.7% #EB97E5	RVB 235 151 229	#EB97E5
83.3%	83.3% #EBA2E8	RVB 235 162 232	#EBA2E8
100.0%	100.0% #ECADEB	RVB 236 173 235	#ECADEB

#EB6CD1 #EB76D7 #EB81DC #EB8CE1 #EB97E5 #EBA2E8 #ECADEB

#EB6CD1 - #EB8CE1 - #ECADEB

Codes CSS

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

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