#BF89A8 - #8C2D58 | 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 #BF89A8 à #8C2D58

#BF89A8 #8C2D58

Calculez la couleur entre deux couleurs, #BF89A8 et #8C2D58. 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)

#BF89A8 - #8C2D58 | 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 #BF89A8 0% et #8C2D58 100%.

0.0%	0.0% #BF89A8	RVB 191 137 168	#BF89A8
16.7%	16.7% #B6799A	RVB 182 121 154	#B6799A
33.3%	33.3% #AE6A8D	RVB 174 106 141	#AE6A8D
50.0%	50.0% #A55B80	RVB 165 91 128	#A55B80
66.7%	66.7% #9D4B72	RVB 157 75 114	#9D4B72
83.3%	83.3% #943C65	RVB 148 60 101	#943C65
100.0%	100.0% #8C2D58	RVB 140 45 88	#8C2D58

#BF89A8 #B6799A #AE6A8D #A55B80 #9D4B72 #943C65 #8C2D58

#BF89A8 - #8C2D58

Mélange HSV

#BF89A8 - #8C2D58 | 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 #BF89A8 0% et #8C2D58 100%.

0.0%	0.0% #BF89A7	RVB 191 137 167	#BF89A7
16.7%	16.7% #B6769A	RVB 182 118 154	#B6769A
33.3%	33.3% #AE658C	RVB 174 101 140	#AE658C
50.0%	50.0% #A5557E	RVB 165 85 126	#A5557E
66.7%	66.7% #9D4771	RVB 157 71 113	#9D4771
83.3%	83.3% #943964	RVB 148 57 100	#943964
100.0%	100.0% #8C2D58	RVB 140 45 88	#8C2D58

#BF89A7 #B6769A #AE658C #A5557E #9D4771 #943964 #8C2D58

#BF89A8 - #A5557E - #8C2D58

Codes CSS

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

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