#FF6F00 - #B36700 | 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 #FF6F00 à #B36700

#FF6F00 #B36700

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

#FF6F00 - #B36700 | 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 #FF6F00 0% et #B36700 100%.

0.0%	0.0% #FF6F00	RVB 255 111 0	#FF6F00
16.7%	16.7% #F26D00	RVB 242 109 0	#F26D00
33.3%	33.3% #E56C00	RVB 229 108 0	#E56C00
50.0%	50.0% #D96B00	RVB 217 107 0	#D96B00
66.7%	66.7% #CC6900	RVB 204 105 0	#CC6900
83.3%	83.3% #BF6800	RVB 191 104 0	#BF6800
100.0%	100.0% #B36700	RVB 179 103 0	#B36700

#FF6F00 #F26D00 #E56C00 #D96B00 #CC6900 #BF6800 #B36700

#FF6F00 - #B36700

Mélange HSV

#FF6F00 - #B36700 | 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 #FF6F00 0% et #B36700 100%.

0.0%	0.0% #FF6F00	RVB 255 111 0	#FF6F00
16.7%	16.7% #F26F00	RVB 242 111 0	#F26F00
33.3%	33.3% #E56E00	RVB 229 110 0	#E56E00
50.0%	50.0% #D96D00	RVB 217 109 0	#D96D00
66.7%	66.7% #CC6C00	RVB 204 108 0	#CC6C00
83.3%	83.3% #BF6900	RVB 191 105 0	#BF6900
100.0%	100.0% #B36700	RVB 179 103 0	#B36700

#FF6F00 #F26F00 #E56E00 #D96D00 #CC6C00 #BF6900 #B36700

#FF6F00 - #D96D00 - #B36700

Codes CSS

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

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