#BB5E5E - #FCAF7D | 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 #BB5E5E à #FCAF7D

#BB5E5E #FCAF7D

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

#BB5E5E - #FCAF7D | 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 #BB5E5E 0% et #FCAF7D 100%.

0.0%	0.0% #BB5E5E	RVB 187 94 94	#BB5E5E
16.7%	16.7% #C56B63	RVB 197 107 99	#C56B63
33.3%	33.3% #D07968	RVB 208 121 104	#D07968
50.0%	50.0% #DB866D	RVB 219 134 109	#DB866D
66.7%	66.7% #E69472	RVB 230 148 114	#E69472
83.3%	83.3% #F1A177	RVB 241 161 119	#F1A177
100.0%	100.0% #FCAF7D	RVB 252 175 125	#FCAF7D

#BB5E5E #C56B63 #D07968 #DB866D #E69472 #F1A177 #FCAF7D

#BB5E5E - #FCAF7D

Mélange HSV

#BB5E5E - #FCAF7D | 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 #BB5E5E 0% et #FCAF7D 100%.

0.0%	0.0% #BB5E5E	RVB 187 94 94	#BB5E5E
16.7%	16.7% #C56963	RVB 197 105 99	#C56963
33.3%	33.3% #D07668	RVB 208 118 104	#D07668
50.0%	50.0% #DB836D	RVB 219 131 109	#DB836D
66.7%	66.7% #E69172	RVB 230 145 114	#E69172
83.3%	83.3% #F19F77	RVB 241 159 119	#F19F77
100.0%	100.0% #FCAF7D	RVB 252 175 125	#FCAF7D

#BB5E5E #C56963 #D07668 #DB836D #E69172 #F19F77 #FCAF7D

#BB5E5E - #DB836D - #FCAF7D

Codes CSS

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

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