#FFBDB5 - #F36B5E | 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 #FFBDB5 à #F36B5E

#FFBDB5 #F36B5E

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

#FFBDB5 - #F36B5E | 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 #FFBDB5 0% et #F36B5E 100%.

0.0%	0.0% #FFBDB5	RVB 255 189 181	#FFBDB5
16.7%	16.7% #FDAFA6	RVB 253 175 166	#FDAFA6
33.3%	33.3% #FBA198	RVB 251 161 152	#FBA198
50.0%	50.0% #F99489	RVB 249 148 137	#F99489
66.7%	66.7% #F7867B	RVB 247 134 123	#F7867B
83.3%	83.3% #F5786C	RVB 245 120 108	#F5786C
100.0%	100.0% #F36B5E	RVB 243 107 94	#F36B5E

#FFBDB5 #FDAFA6 #FBA198 #F99489 #F7867B #F5786C #F36B5E

#FFBDB5 - #F36B5E

Mélange HSV

#FFBDB5 - #F36B5E | 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 #FFBDB5 0% et #F36B5E 100%.

0.0%	0.0% #FFBDB5	RVB 255 189 181	#FFBDB5
16.7%	16.7% #FDAFA5	RVB 253 175 165	#FDAFA5
33.3%	33.3% #FBA197	RVB 251 161 151	#FBA197
50.0%	50.0% #F99388	RVB 249 147 136	#F99388
66.7%	66.7% #F7857A	RVB 247 133 122	#F7857A
83.3%	83.3% #F5786B	RVB 245 120 107	#F5786B
100.0%	100.0% #F36B5E	RVB 243 107 94	#F36B5E

#FFBDB5 #FDAFA5 #FBA197 #F99388 #F7857A #F5786B #F36B5E

#FFBDB5 - #F99388 - #F36B5E

Codes CSS

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

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