#BF3E2D - #FE893B | 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 #BF3E2D à #FE893B

#BF3E2D #FE893B

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

#BF3E2D - #FE893B | 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 #BF3E2D 0% et #FE893B 100%.

0.0%	0.0% #BF3E2D	RVB 191 62 45	#BF3E2D
16.7%	16.7% #C94A2F	RVB 201 74 47	#C94A2F
33.3%	33.3% #D45731	RVB 212 87 49	#D45731
50.0%	50.0% #DE6334	RVB 222 99 52	#DE6334
66.7%	66.7% #E97036	RVB 233 112 54	#E97036
83.3%	83.3% #F37C38	RVB 243 124 56	#F37C38
100.0%	100.0% #FE893B	RVB 254 137 59	#FE893B

#BF3E2D #C94A2F #D45731 #DE6334 #E97036 #F37C38 #FE893B

#BF3E2D - #FE893B

Mélange HSV

#BF3E2D - #FE893B | 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 #BF3E2D 0% et #FE893B 100%.

0.0%	0.0% #BF3E2C	RVB 191 62 44	#BF3E2C
16.7%	16.7% #C9482F	RVB 201 72 47	#C9482F
33.3%	33.3% #D45331	RVB 212 83 49	#D45331
50.0%	50.0% #DE6034	RVB 222 96 52	#DE6034
66.7%	66.7% #E96C36	RVB 233 108 54	#E96C36
83.3%	83.3% #F37A38	RVB 243 122 56	#F37A38
100.0%	100.0% #FE893B	RVB 254 137 59	#FE893B

#BF3E2C #C9482F #D45331 #DE6034 #E96C36 #F37A38 #FE893B

#BF3E2D - #DE6034 - #FE893B

Codes CSS

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

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