#F5E5E2 - #D9AC96 | 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 #F5E5E2 à #D9AC96

#F5E5E2 #D9AC96

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

#F5E5E2 - #D9AC96 | 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 #F5E5E2 0% et #D9AC96 100%.

0.0%	0.0% #F5E5E2	RVB 245 229 226	#F5E5E2
16.7%	16.7% #F0DBD5	RVB 240 219 213	#F0DBD5
33.3%	33.3% #EBD2C8	RVB 235 210 200	#EBD2C8
50.0%	50.0% #E7C8BC	RVB 231 200 188	#E7C8BC
66.7%	66.7% #E2BFAF	RVB 226 191 175	#E2BFAF
83.3%	83.3% #DDB5A2	RVB 221 181 162	#DDB5A2
100.0%	100.0% #D9AC96	RVB 217 172 150	#D9AC96

#F5E5E2 #F0DBD5 #EBD2C8 #E7C8BC #E2BFAF #DDB5A2 #D9AC96

#F5E5E2 - #D9AC96

Mélange HSV

#F5E5E2 - #D9AC96 | 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 #F5E5E2 0% et #D9AC96 100%.

0.0%	0.0% #F5E5E2	RVB 245 229 226	#F5E5E2
16.7%	16.7% #F0D9D4	RVB 240 217 212	#F0D9D4
33.3%	33.3% #EBCFC7	RVB 235 207 199	#EBCFC7
50.0%	50.0% #E7C5BA	RVB 231 197 186	#E7C5BA
66.7%	66.7% #E2BCAD	RVB 226 188 173	#E2BCAD
83.3%	83.3% #DDB3A1	RVB 221 179 161	#DDB3A1
100.0%	100.0% #D9AC96	RVB 217 172 150	#D9AC96

#F5E5E2 #F0D9D4 #EBCFC7 #E7C5BA #E2BCAD #DDB3A1 #D9AC96

#F5E5E2 - #E7C5BA - #D9AC96

Codes CSS

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

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