#BF8596 - #FEB7A8 | 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 #BF8596 à #FEB7A8

#BF8596 #FEB7A8

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

#BF8596 - #FEB7A8 | 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 #BF8596 0% et #FEB7A8 100%.

0.0%	0.0% #BF8596	RVB 191 133 150	#BF8596
16.7%	16.7% #C98D99	RVB 201 141 153	#C98D99
33.3%	33.3% #D4959C	RVB 212 149 156	#D4959C
50.0%	50.0% #DE9E9F	RVB 222 158 159	#DE9E9F
66.7%	66.7% #E9A6A2	RVB 233 166 162	#E9A6A2
83.3%	83.3% #F3AEA5	RVB 243 174 165	#F3AEA5
100.0%	100.0% #FEB7A8	RVB 254 183 168	#FEB7A8

#BF8596 #C98D99 #D4959C #DE9E9F #E9A6A2 #F3AEA5 #FEB7A8

#BF8596 - #FEB7A8

Mélange HSV

#BF8596 - #FEB7A8 | 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 #BF8596 0% et #FEB7A8 100%.

0.0%	0.0% #BF8596	RVB 191 133 150	#BF8596
16.7%	16.7% #C98B98	RVB 201 139 152	#C98B98
33.3%	33.3% #D4919A	RVB 212 145 154	#D4919A
50.0%	50.0% #DE979B	RVB 222 151 155	#DE979B
66.7%	66.7% #E99E9C	RVB 233 158 156	#E99E9C
83.3%	83.3% #F3AAA2	RVB 243 170 162	#F3AAA2
100.0%	100.0% #FEB7A8	RVB 254 183 168	#FEB7A8

#BF8596 #C98B98 #D4919A #DE979B #E99E9C #F3AAA2 #FEB7A8

#BF8596 - #DE979B - #FEB7A8

Codes CSS

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

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