#E5E5E3 - #BDB499 | 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 #E5E5E3 à #BDB499

#E5E5E3 #BDB499

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

#E5E5E3 - #BDB499 | 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 #E5E5E3 0% et #BDB499 100%.

0.0%	0.0% #E5E5E3	RVB 229 229 227	#E5E5E3
16.7%	16.7% #DEDCD6	RVB 222 220 214	#DEDCD6
33.3%	33.3% #D7D4CA	RVB 215 212 202	#D7D4CA
50.0%	50.0% #D1CCBE	RVB 209 204 190	#D1CCBE
66.7%	66.7% #CAC4B1	RVB 202 196 177	#CAC4B1
83.3%	83.3% #C3BCA5	RVB 195 188 165	#C3BCA5
100.0%	100.0% #BDB499	RVB 189 180 153	#BDB499

#E5E5E3 #DEDCD6 #D7D4CA #D1CCBE #CAC4B1 #C3BCA5 #BDB499

#E5E5E3 - #BDB499

Mélange HSV

#E5E5E3 - #BDB499 | 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 #E5E5E3 0% et #BDB499 100%.

0.0%	0.0% #E5E5E3	RVB 229 229 227	#E5E5E3
16.7%	16.7% #DEDDD5	RVB 222 221 213	#DEDDD5
33.3%	33.3% #D7D6C8	RVB 215 214 200	#D7D6C8
50.0%	50.0% #D1CEBC	RVB 209 206 188	#D1CEBC
66.7%	66.7% #CAC5B0	RVB 202 197 176	#CAC5B0
83.3%	83.3% #C3BDA4	RVB 195 189 164	#C3BDA4
100.0%	100.0% #BDB499	RVB 189 180 153	#BDB499

#E5E5E3 #DEDDD5 #D7D6C8 #D1CEBC #CAC5B0 #C3BDA4 #BDB499

#E5E5E3 - #D1CEBC - #BDB499

Codes CSS

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

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