#FFB45B - #B05A11 | 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 #FFB45B à #B05A11

#FFB45B #B05A11

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

#FFB45B - #B05A11 | 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 #FFB45B 0% et #B05A11 100%.

0.0%	0.0% #FFB45B	RVB 255 180 91	#FFB45B
16.7%	16.7% #F1A54E	RVB 241 165 78	#F1A54E
33.3%	33.3% #E49642	RVB 228 150 66	#E49642
50.0%	50.0% #D78736	RVB 215 135 54	#D78736
66.7%	66.7% #CA7829	RVB 202 120 41	#CA7829
83.3%	83.3% #BD691D	RVB 189 105 29	#BD691D
100.0%	100.0% #B05A11	RVB 176 90 17	#B05A11

#FFB45B #F1A54E #E49642 #D78736 #CA7829 #BD691D #B05A11

#FFB45B - #B05A11

Mélange HSV

#FFB45B - #B05A11 | 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 #FFB45B 0% et #B05A11 100%.

0.0%	0.0% #FFB45B	RVB 255 180 91	#FFB45B
16.7%	16.7% #F1A34B	RVB 241 163 75	#F1A34B
33.3%	33.3% #E4933D	RVB 228 147 61	#E4933D
50.0%	50.0% #D78430	RVB 215 132 48	#D78430
66.7%	66.7% #CA7525	RVB 202 117 37	#CA7525
83.3%	83.3% #BD671A	RVB 189 103 26	#BD671A
100.0%	100.0% #B05A11	RVB 176 90 17	#B05A11

#FFB45B #F1A34B #E4933D #D78430 #CA7525 #BD671A #B05A11

#FFB45B - #D78430 - #B05A11

Codes CSS

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

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