#BE5E5E - #FCB07D | 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 #BE5E5E à #FCB07D

#BE5E5E #FCB07D

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

#BE5E5E - #FCB07D | 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 #BE5E5E 0% et #FCB07D 100%.

0.0%	0.0% #BE5E5E	RVB 190 94 94	#BE5E5E
16.7%	16.7% #C86B63	RVB 200 107 99	#C86B63
33.3%	33.3% #D27968	RVB 210 121 104	#D27968
50.0%	50.0% #DD876D	RVB 221 135 109	#DD876D
66.7%	66.7% #E79472	RVB 231 148 114	#E79472
83.3%	83.3% #F1A277	RVB 241 162 119	#F1A277
100.0%	100.0% #FCB07D	RVB 252 176 125	#FCB07D

#BE5E5E #C86B63 #D27968 #DD876D #E79472 #F1A277 #FCB07D

#BE5E5E - #FCB07D

Mélange HSV

#BE5E5E - #FCB07D | 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 #BE5E5E 0% et #FCB07D 100%.

0.0%	0.0% #BE5E5E	RVB 190 94 94	#BE5E5E
16.7%	16.7% #C86963	RVB 200 105 99	#C86963
33.3%	33.3% #D27668	RVB 210 118 104	#D27668
50.0%	50.0% #DD836D	RVB 221 131 109	#DD836D
66.7%	66.7% #E79172	RVB 231 145 114	#E79172
83.3%	83.3% #F1A077	RVB 241 160 119	#F1A077
100.0%	100.0% #FCB07D	RVB 252 176 125	#FCB07D

#BE5E5E #C86963 #D27668 #DD836D #E79172 #F1A077 #FCB07D

#BE5E5E - #DD836D - #FCB07D

Codes CSS

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

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