#5E5E21 - #DEA23E | 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 #5E5E21 à #DEA23E

#5E5E21 #DEA23E

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

#5E5E21 - #DEA23E | 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 #5E5E21 0% et #DEA23E 100%.

0.0%	0.0% #5E5E21	RVB 94 94 33	#5E5E21
16.7%	16.7% #736925	RVB 115 105 37	#736925
33.3%	33.3% #88742A	RVB 136 116 42	#88742A
50.0%	50.0% #9E802F	RVB 158 128 47	#9E802F
66.7%	66.7% #B38B34	RVB 179 139 52	#B38B34
83.3%	83.3% #C89639	RVB 200 150 57	#C89639
100.0%	100.0% #DEA23E	RVB 222 162 62	#DEA23E

#5E5E21 #736925 #88742A #9E802F #B38B34 #C89639 #DEA23E

#5E5E21 - #DEA23E

Mélange HSV

#5E5E21 - #DEA23E | 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 #5E5E21 0% et #DEA23E 100%.

0.0%	0.0% #5E5E21	RVB 94 94 33	#5E5E21
16.7%	16.7% #736E27	RVB 115 110 39	#736E27
33.3%	33.3% #887D2C	RVB 136 125 44	#887D2C
50.0%	50.0% #9E8931	RVB 158 137 49	#9E8931
66.7%	66.7% #B39436	RVB 179 148 54	#B39436
83.3%	83.3% #C89C3A	RVB 200 156 58	#C89C3A
100.0%	100.0% #DEA23E	RVB 222 162 62	#DEA23E

#5E5E21 #736E27 #887D2C #9E8931 #B39436 #C89C3A #DEA23E

#5E5E21 - #9E8931 - #DEA23E

Codes CSS

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

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