#EB6C8C - #ECADC9 | 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 #EB6C8C à #ECADC9

#EB6C8C #ECADC9

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

#EB6C8C - #ECADC9 | 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 #EB6C8C 0% et #ECADC9 100%.

0.0%	0.0% #EB6C8C	RVB 235 108 140	#EB6C8C
16.7%	16.7% #EB7696	RVB 235 118 150	#EB7696
33.3%	33.3% #EB81A0	RVB 235 129 160	#EB81A0
50.0%	50.0% #EB8CAA	RVB 235 140 170	#EB8CAA
66.7%	66.7% #EB97B4	RVB 235 151 180	#EB97B4
83.3%	83.3% #EBA2BE	RVB 235 162 190	#EBA2BE
100.0%	100.0% #ECADC9	RVB 236 173 201	#ECADC9

#EB6C8C #EB7696 #EB81A0 #EB8CAA #EB97B4 #EBA2BE #ECADC9

#EB6C8C - #ECADC9

Mélange HSV

#EB6C8C - #ECADC9 | 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 #EB6C8C 0% et #ECADC9 100%.

0.0%	0.0% #EB6C8C	RVB 235 108 140	#EB6C8C
16.7%	16.7% #EB7697	RVB 235 118 151	#EB7697
33.3%	33.3% #EB81A3	RVB 235 129 163	#EB81A3
50.0%	50.0% #EB8CAD	RVB 235 140 173	#EB8CAD
66.7%	66.7% #EB97B7	RVB 235 151 183	#EB97B7
83.3%	83.3% #EBA2C0	RVB 235 162 192	#EBA2C0
100.0%	100.0% #ECADC9	RVB 236 173 201	#ECADC9

#EB6C8C #EB7697 #EB81A3 #EB8CAD #EB97B7 #EBA2C0 #ECADC9

#EB6C8C - #EB8CAD - #ECADC9

Codes CSS

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

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