#FF5E3E - #FFBA53 | 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 #FF5E3E à #FFBA53

#FF5E3E #FFBA53

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

#FF5E3E - #FFBA53 | 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 #FF5E3E 0% et #FFBA53 100%.

0.0%	0.0% #FF5E3E	RVB 255 94 62	#FF5E3E
16.7%	16.7% #FF6D41	RVB 255 109 65	#FF6D41
33.3%	33.3% #FF7C45	RVB 255 124 69	#FF7C45
50.0%	50.0% #FF8C48	RVB 255 140 72	#FF8C48
66.7%	66.7% #FF9B4C	RVB 255 155 76	#FF9B4C
83.3%	83.3% #FFAA4F	RVB 255 170 79	#FFAA4F
100.0%	100.0% #FFBA53	RVB 255 186 83	#FFBA53

#FF5E3E #FF6D41 #FF7C45 #FF8C48 #FF9B4C #FFAA4F #FFBA53

#FF5E3E - #FFBA53

Mélange HSV

#FF5E3E - #FFBA53 | 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 #FF5E3E 0% et #FFBA53 100%.

0.0%	0.0% #FF5D3D	RVB 255 93 61	#FF5D3D
16.7%	16.7% #FF6E41	RVB 255 110 65	#FF6E41
33.3%	33.3% #FF7E44	RVB 255 126 68	#FF7E44
50.0%	50.0% #FF8E48	RVB 255 142 72	#FF8E48
66.7%	66.7% #FF9D4C	RVB 255 157 76	#FF9D4C
83.3%	83.3% #FFAB4F	RVB 255 171 79	#FFAB4F
100.0%	100.0% #FFBA53	RVB 255 186 83	#FFBA53

#FF5D3D #FF6E41 #FF7E44 #FF8E48 #FF9D4C #FFAB4F #FFBA53

#FF5E3E - #FF8E48 - #FFBA53

Codes CSS

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

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