#5E5D06 - #DF9F21 | 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 #5E5D06 à #DF9F21

#5E5D06 #DF9F21

Calculez la couleur entre deux couleurs, #5E5D06 et #DF9F21. 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)

#5E5D06 - #DF9F21 | 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 #5E5D06 0% et #DF9F21 100%.

0.0%	0.0% #5E5D06	RVB 94 93 6	#5E5D06
16.7%	16.7% #73680A	RVB 115 104 10	#73680A
33.3%	33.3% #89730F	RVB 137 115 15	#89730F
50.0%	50.0% #9E7E13	RVB 158 126 19	#9E7E13
66.7%	66.7% #B48918	RVB 180 137 24	#B48918
83.3%	83.3% #C9941C	RVB 201 148 28	#C9941C
100.0%	100.0% #DF9F21	RVB 223 159 33	#DF9F21

#5E5D06 #73680A #89730F #9E7E13 #B48918 #C9941C #DF9F21

#5E5D06 - #DF9F21

Mélange HSV

#5E5D06 - #DF9F21 | 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 #5E5D06 0% et #DF9F21 100%.

0.0%	0.0% #5E5D05	RVB 94 93 5	#5E5D05
16.7%	16.7% #736C08	RVB 115 108 8	#736C08
33.3%	33.3% #897A0C	RVB 137 122 12	#897A0C
50.0%	50.0% #9E8510	RVB 158 133 16	#9E8510
66.7%	66.7% #B48F15	RVB 180 143 21	#B48F15
83.3%	83.3% #C9981A	RVB 201 152 26	#C9981A
100.0%	100.0% #DF9F21	RVB 223 159 33	#DF9F21

#5E5D05 #736C08 #897A0C #9E8510 #B48F15 #C9981A #DF9F21

#5E5D06 - #9E8510 - #DF9F21

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5D05 0%, #9E8510 50%, #DF9F21 100%);
    background: -webkit-linear-gradient(top, #5E5D05 0%, #9E8510 50%, #DF9F21 100%);
    background: linear-gradient(to bottom, #5E5D05 0%, #9E8510 50%, #DF9F21 100%);
}
</style>