#F9BCB5 - #EB6B5F | 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 #F9BCB5 à #EB6B5F

#F9BCB5 #EB6B5F

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

#F9BCB5 - #EB6B5F | 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 #F9BCB5 0% et #EB6B5F 100%.

0.0%	0.0% #F9BCB5	RVB 249 188 181	#F9BCB5
16.7%	16.7% #F6AEA6	RVB 246 174 166	#F6AEA6
33.3%	33.3% #F4A198	RVB 244 161 152	#F4A198
50.0%	50.0% #F2938A	RVB 242 147 138	#F2938A
66.7%	66.7% #EF867B	RVB 239 134 123	#EF867B
83.3%	83.3% #ED786D	RVB 237 120 109	#ED786D
100.0%	100.0% #EB6B5F	RVB 235 107 95	#EB6B5F

#F9BCB5 #F6AEA6 #F4A198 #F2938A #EF867B #ED786D #EB6B5F

#F9BCB5 - #EB6B5F

Mélange HSV

#F9BCB5 - #EB6B5F | 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 #F9BCB5 0% et #EB6B5F 100%.

0.0%	0.0% #F9BCB5	RVB 249 188 181	#F9BCB5
16.7%	16.7% #F6AEA6	RVB 246 174 166	#F6AEA6
33.3%	33.3% #F4A097	RVB 244 160 151	#F4A097
50.0%	50.0% #F29288	RVB 242 146 136	#F29288
66.7%	66.7% #EF857A	RVB 239 133 122	#EF857A
83.3%	83.3% #ED786C	RVB 237 120 108	#ED786C
100.0%	100.0% #EB6B5F	RVB 235 107 95	#EB6B5F

#F9BCB5 #F6AEA6 #F4A097 #F29288 #EF857A #ED786C #EB6B5F

#F9BCB5 - #F29288 - #EB6B5F

Codes CSS

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

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