#FF9A00 - #E2D31E | 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 #FF9A00 à #E2D31E

#FF9A00 #E2D31E

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

#FF9A00 - #E2D31E | 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 #FF9A00 0% et #E2D31E 100%.

0.0%	0.0% #FF9A00	RVB 255 154 0	#FF9A00
16.7%	16.7% #FAA305	RVB 250 163 5	#FAA305
33.3%	33.3% #F5AD0A	RVB 245 173 10	#F5AD0A
50.0%	50.0% #F0B60F	RVB 240 182 15	#F0B60F
66.7%	66.7% #EBC014	RVB 235 192 20	#EBC014
83.3%	83.3% #E6C919	RVB 230 201 25	#E6C919
100.0%	100.0% #E2D31E	RVB 226 211 30	#E2D31E

#FF9A00 #FAA305 #F5AD0A #F0B60F #EBC014 #E6C919 #E2D31E

#FF9A00 - #E2D31E

Mélange HSV

#FF9A00 - #E2D31E | 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 #FF9A00 0% et #E2D31E 100%.

0.0%	0.0% #FF9A00	RVB 255 154 0	#FF9A00
16.7%	16.7% #FAA605	RVB 250 166 5	#FAA605
33.3%	33.3% #F5B10A	RVB 245 177 10	#F5B10A
50.0%	50.0% #F0BB0F	RVB 240 187 15	#F0BB0F
66.7%	66.7% #EBC414	RVB 235 196 20	#EBC414
83.3%	83.3% #E6CC19	RVB 230 204 25	#E6CC19
100.0%	100.0% #E2D31E	RVB 226 211 30	#E2D31E

#FF9A00 #FAA605 #F5B10A #F0BB0F #EBC414 #E6CC19 #E2D31E

#FF9A00 - #F0BB0F - #E2D31E

Codes CSS

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

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