#B0597C - #E8CFD9 | 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 #B0597C à #E8CFD9

#B0597C #E8CFD9

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

#B0597C - #E8CFD9 | 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 #B0597C 0% et #E8CFD9 100%.

0.0%	0.0% #B0597C	RVB 176 89 124	#B0597C
16.7%	16.7% #B96C8B	RVB 185 108 139	#B96C8B
33.3%	33.3% #C2809B	RVB 194 128 155	#C2809B
50.0%	50.0% #CC94AA	RVB 204 148 170	#CC94AA
66.7%	66.7% #D5A7BA	RVB 213 167 186	#D5A7BA
83.3%	83.3% #DEBBC9	RVB 222 187 201	#DEBBC9
100.0%	100.0% #E8CFD9	RVB 232 207 217	#E8CFD9

#B0597C #B96C8B #C2809B #CC94AA #D5A7BA #DEBBC9 #E8CFD9

#B0597C - #E8CFD9

Mélange HSV

#B0597C - #E8CFD9 | 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 #B0597C 0% et #E8CFD9 100%.

0.0%	0.0% #B0597C	RVB 176 89 124	#B0597C
16.7%	16.7% #B96989	RVB 185 105 137	#B96989
33.3%	33.3% #C27B98	RVB 194 123 152	#C27B98
50.0%	50.0% #CC8EA7	RVB 204 142 167	#CC8EA7
66.7%	66.7% #D5A2B7	RVB 213 162 183	#D5A2B7
83.3%	83.3% #DEB8C7	RVB 222 184 199	#DEB8C7
100.0%	100.0% #E8CFD9	RVB 232 207 217	#E8CFD9

#B0597C #B96989 #C27B98 #CC8EA7 #D5A2B7 #DEB8C7 #E8CFD9

#B0597C - #CC8EA7 - #E8CFD9

Codes CSS

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

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