#965A00 - #F1970E | 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 #965A00 à #F1970E

#965A00 #F1970E

Calculez la couleur entre deux couleurs, #965A00 et #F1970E. 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)

#965A00 - #F1970E | 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 #965A00 0% et #F1970E 100%.

0.0%	0.0% #965A00	RVB 150 90 0	#965A00
16.7%	16.7% #A56402	RVB 165 100 2	#A56402
33.3%	33.3% #B46E04	RVB 180 110 4	#B46E04
50.0%	50.0% #C37807	RVB 195 120 7	#C37807
66.7%	66.7% #D28209	RVB 210 130 9	#D28209
83.3%	83.3% #E18C0B	RVB 225 140 11	#E18C0B
100.0%	100.0% #F1970E	RVB 241 151 14	#F1970E

#965A00 #A56402 #B46E04 #C37807 #D28209 #E18C0B #F1970E

#965A00 - #F1970E

Mélange HSV

#965A00 - #F1970E | 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 #965A00 0% et #F1970E 100%.

0.0%	0.0% #965A00	RVB 150 90 0	#965A00
16.7%	16.7% #A56301	RVB 165 99 1	#A56301
33.3%	33.3% #B46D03	RVB 180 109 3	#B46D03
50.0%	50.0% #C37705	RVB 195 119 5	#C37705
66.7%	66.7% #D28208	RVB 210 130 8	#D28208
83.3%	83.3% #E18C0A	RVB 225 140 10	#E18C0A
100.0%	100.0% #F1970E	RVB 241 151 14	#F1970E

#965A00 #A56301 #B46D03 #C37705 #D28208 #E18C0A #F1970E

#965A00 - #C37705 - #F1970E

Codes CSS

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

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