#F5E3C9 - #DFAD75 | 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 #F5E3C9 à #DFAD75

#F5E3C9 #DFAD75

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

#F5E3C9 - #DFAD75 | 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 #F5E3C9 0% et #DFAD75 100%.

0.0%	0.0% #F5E3C9	RVB 245 227 201	#F5E3C9
16.7%	16.7% #F1DABB	RVB 241 218 187	#F1DABB
33.3%	33.3% #EDD1AD	RVB 237 209 173	#EDD1AD
50.0%	50.0% #EAC89F	RVB 234 200 159	#EAC89F
66.7%	66.7% #E6BF91	RVB 230 191 145	#E6BF91
83.3%	83.3% #E2B683	RVB 226 182 131	#E2B683
100.0%	100.0% #DFAD75	RVB 223 173 117	#DFAD75

#F5E3C9 #F1DABB #EDD1AD #EAC89F #E6BF91 #E2B683 #DFAD75

#F5E3C9 - #DFAD75

Mélange HSV

#F5E3C9 - #DFAD75 | 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 #F5E3C9 0% et #DFAD75 100%.

0.0%	0.0% #F5E3C9	RVB 245 227 201	#F5E3C9
16.7%	16.7% #F1DABA	RVB 241 218 186	#F1DABA
33.3%	33.3% #EDD1AB	RVB 237 209 171	#EDD1AB
50.0%	50.0% #EAC89D	RVB 234 200 157	#EAC89D
66.7%	66.7% #E6BF8F	RVB 230 191 143	#E6BF8F
83.3%	83.3% #E2B682	RVB 226 182 130	#E2B682
100.0%	100.0% #DFAD75	RVB 223 173 117	#DFAD75

#F5E3C9 #F1DABA #EDD1AB #EAC89D #E6BF8F #E2B682 #DFAD75

#F5E3C9 - #EAC89D - #DFAD75

Codes CSS

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

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