#EB5E8C - #A30742 | 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 #EB5E8C à #A30742

#EB5E8C #A30742

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

#EB5E8C - #A30742 | 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 #EB5E8C 0% et #A30742 100%.

0.0%	0.0% #EB5E8C	RVB 235 94 140	#EB5E8C
16.7%	16.7% #DF4F7F	RVB 223 79 127	#DF4F7F
33.3%	33.3% #D34173	RVB 211 65 115	#D34173
50.0%	50.0% #C73267	RVB 199 50 103	#C73267
66.7%	66.7% #BB235A	RVB 187 35 90	#BB235A
83.3%	83.3% #AF154E	RVB 175 21 78	#AF154E
100.0%	100.0% #A30742	RVB 163 7 66	#A30742

#EB5E8C #DF4F7F #D34173 #C73267 #BB235A #AF154E #A30742

#EB5E8C - #A30742

Mélange HSV

#EB5E8C - #A30742 | 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 #EB5E8C 0% et #A30742 100%.

0.0%	0.0% #EB5E8B	RVB 235 94 139	#EB5E8B
16.7%	16.7% #DF4B7D	RVB 223 75 125	#DF4B7D
33.3%	33.3% #D33B6F	RVB 211 59 111	#D33B6F
50.0%	50.0% #C72C62	RVB 199 44 98	#C72C62
66.7%	66.7% #BB1E56	RVB 187 30 86	#BB1E56
83.3%	83.3% #AF114B	RVB 175 17 75	#AF114B
100.0%	100.0% #A30742	RVB 163 7 66	#A30742

#EB5E8B #DF4B7D #D33B6F #C72C62 #BB1E56 #AF114B #A30742

#EB5E8C - #C72C62 - #A30742

Codes CSS

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

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