#717641 - #EEDB5E | 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 #717641 à #EEDB5E

#717641 #EEDB5E

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

#717641 - #EEDB5E | 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 #717641 0% et #EEDB5E 100%.

0.0%	0.0% #717641	RVB 113 118 65	#717641
16.7%	16.7% #858645	RVB 133 134 69	#858645
33.3%	33.3% #9A974A	RVB 154 151 74	#9A974A
50.0%	50.0% #AFA84F	RVB 175 168 79	#AFA84F
66.7%	66.7% #C4B954	RVB 196 185 84	#C4B954
83.3%	83.3% #D9CA59	RVB 217 202 89	#D9CA59
100.0%	100.0% #EEDB5E	RVB 238 219 94	#EEDB5E

#717641 #858645 #9A974A #AFA84F #C4B954 #D9CA59 #EEDB5E

#717641 - #EEDB5E

Mélange HSV

#717641 - #EEDB5E | 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 #717641 0% et #EEDB5E 100%.

0.0%	0.0% #717641	RVB 113 118 65	#717641
16.7%	16.7% #868A48	RVB 134 138 72	#868A48
33.3%	33.3% #9C9E4E	RVB 156 158 78	#9C9E4E
50.0%	50.0% #B2B054	RVB 178 176 84	#B2B054
66.7%	66.7% #C6BF58	RVB 198 191 88	#C6BF58
83.3%	83.3% #DACE5B	RVB 218 206 91	#DACE5B
100.0%	100.0% #EEDB5E	RVB 238 219 94	#EEDB5E

#717641 #868A48 #9C9E4E #B2B054 #C6BF58 #DACE5B #EEDB5E

#717641 - #B2B054 - #EEDB5E

Codes CSS

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

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