#C09C5E - #EDE2D1 | 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 #C09C5E à #EDE2D1

#C09C5E #EDE2D1

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

#C09C5E - #EDE2D1 | 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 #C09C5E 0% et #EDE2D1 100%.

0.0%	0.0% #C09C5E	RVB 192 156 94	#C09C5E
16.7%	16.7% #C7A771	RVB 199 167 113	#C7A771
33.3%	33.3% #CFB384	RVB 207 179 132	#CFB384
50.0%	50.0% #D6BF97	RVB 214 191 151	#D6BF97
66.7%	66.7% #DECAAA	RVB 222 202 170	#DECAAA
83.3%	83.3% #E5D6BD	RVB 229 214 189	#E5D6BD
100.0%	100.0% #EDE2D1	RVB 237 226 209	#EDE2D1

#C09C5E #C7A771 #CFB384 #D6BF97 #DECAAA #E5D6BD #EDE2D1

#C09C5E - #EDE2D1

Mélange HSV

#C09C5E - #EDE2D1 | 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 #C09C5E 0% et #EDE2D1 100%.

0.0%	0.0% #C09C5E	RVB 192 156 94	#C09C5E
16.7%	16.7% #C7A66E	RVB 199 166 110	#C7A66E
33.3%	33.3% #CFB180	RVB 207 177 128	#CFB180
50.0%	50.0% #D6BC93	RVB 214 188 147	#D6BC93
66.7%	66.7% #DEC8A6	RVB 222 200 166	#DEC8A6
83.3%	83.3% #E5D5BB	RVB 229 213 187	#E5D5BB
100.0%	100.0% #EDE2D1	RVB 237 226 209	#EDE2D1

#C09C5E #C7A66E #CFB180 #D6BC93 #DEC8A6 #E5D5BB #EDE2D1

#C09C5E - #D6BC93 - #EDE2D1

Codes CSS

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

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