#E4E5C2 - #AD9D5E | 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 #E4E5C2 à #AD9D5E

#E4E5C2 #AD9D5E

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

#E4E5C2 - #AD9D5E | 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 #E4E5C2 0% et #AD9D5E 100%.

0.0%	0.0% #E4E5C2	RVB 228 229 194	#E4E5C2
16.7%	16.7% #DAD9B1	RVB 218 217 177	#DAD9B1
33.3%	33.3% #D1CDA0	RVB 209 205 160	#D1CDA0
50.0%	50.0% #C8C190	RVB 200 193 144	#C8C190
66.7%	66.7% #BFB57F	RVB 191 181 127	#BFB57F
83.3%	83.3% #B6A96E	RVB 182 169 110	#B6A96E
100.0%	100.0% #AD9D5E	RVB 173 157 94	#AD9D5E

#E4E5C2 #DAD9B1 #D1CDA0 #C8C190 #BFB57F #B6A96E #AD9D5E

#E4E5C2 - #AD9D5E

Mélange HSV

#E4E5C2 - #AD9D5E | 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 #E4E5C2 0% et #AD9D5E 100%.

0.0%	0.0% #E4E5C2	RVB 228 229 194	#E4E5C2
16.7%	16.7% #DBDBAE	RVB 219 219 174	#DBDBAE
33.3%	33.3% #D2CF9C	RVB 210 207 156	#D2CF9C
50.0%	50.0% #C9C38B	RVB 201 195 139	#C9C38B
66.7%	66.7% #BFB77B	RVB 191 183 123	#BFB77B
83.3%	83.3% #B6AA6C	RVB 182 170 108	#B6AA6C
100.0%	100.0% #AD9D5E	RVB 173 157 94	#AD9D5E

#E4E5C2 #DBDBAE #D2CF9C #C9C38B #BFB77B #B6AA6C #AD9D5E

#E4E5C2 - #C9C38B - #AD9D5E

Codes CSS

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

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