#E5E4E3 - #C2AF93 | 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 #E5E4E3 à #C2AF93

#E5E4E3 #C2AF93

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

#E5E4E3 - #C2AF93 | 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 #E5E4E3 0% et #C2AF93 100%.

0.0%	0.0% #E5E4E3	RVB 229 228 227	#E5E4E3
16.7%	16.7% #DFDBD5	RVB 223 219 213	#DFDBD5
33.3%	33.3% #D9D2C8	RVB 217 210 200	#D9D2C8
50.0%	50.0% #D3C9BB	RVB 211 201 187	#D3C9BB
66.7%	66.7% #CDC0AD	RVB 205 192 173	#CDC0AD
83.3%	83.3% #C7B7A0	RVB 199 183 160	#C7B7A0
100.0%	100.0% #C2AF93	RVB 194 175 147	#C2AF93

#E5E4E3 #DFDBD5 #D9D2C8 #D3C9BB #CDC0AD #C7B7A0 #C2AF93

#E5E4E3 - #C2AF93

Mélange HSV

#E5E4E3 - #C2AF93 | 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 #E5E4E3 0% et #C2AF93 100%.

0.0%	0.0% #E5E4E3	RVB 229 228 227	#E5E4E3
16.7%	16.7% #DFDAD4	RVB 223 218 212	#DFDAD4
33.3%	33.3% #D9D0C6	RVB 217 208 198	#D9D0C6
50.0%	50.0% #D3C7B8	RVB 211 199 184	#D3C7B8
66.7%	66.7% #CDBEAB	RVB 205 190 171	#CDBEAB
83.3%	83.3% #C7B69F	RVB 199 182 159	#C7B69F
100.0%	100.0% #C2AF93	RVB 194 175 147	#C2AF93

#E5E4E3 #DFDAD4 #D9D0C6 #D3C7B8 #CDBEAB #C7B69F #C2AF93

#E5E4E3 - #D3C7B8 - #C2AF93

Codes CSS

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

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