#E3E5E3 - #BDB599 | 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 #E3E5E3 à #BDB599

#E3E5E3 #BDB599

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

#E3E5E3 - #BDB599 | 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 #E3E5E3 0% et #BDB599 100%.

0.0%	0.0% #E3E5E3	RVB 227 229 227	#E3E5E3
16.7%	16.7% #DCDDD6	RVB 220 221 214	#DCDDD6
33.3%	33.3% #D6D5CA	RVB 214 213 202	#D6D5CA
50.0%	50.0% #D0CDBE	RVB 208 205 190	#D0CDBE
66.7%	66.7% #C9C5B1	RVB 201 197 177	#C9C5B1
83.3%	83.3% #C3BDA5	RVB 195 189 165	#C3BDA5
100.0%	100.0% #BDB599	RVB 189 181 153	#BDB599

#E3E5E3 #DCDDD6 #D6D5CA #D0CDBE #C9C5B1 #C3BDA5 #BDB599

#E3E5E3 - #BDB599

Mélange HSV

#E3E5E3 - #BDB599 | 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 #E3E5E3 0% et #BDB599 100%.

0.0%	0.0% #E3E5E3	RVB 227 229 227	#E3E5E3
16.7%	16.7% #D7DED5	RVB 215 222 213	#D7DED5
33.3%	33.3% #CED7C8	RVB 206 215 200	#CED7C8
50.0%	50.0% #C8D1BC	RVB 200 209 188	#C8D1BC
66.7%	66.7% #C5CAB0	RVB 197 202 176	#C5CAB0
83.3%	83.3% #C3C3A4	RVB 195 195 164	#C3C3A4
100.0%	100.0% #BDB599	RVB 189 181 153	#BDB599

#E3E5E3 #D7DED5 #CED7C8 #C8D1BC #C5CAB0 #C3C3A4 #BDB599

#E3E5E3 - #C8D1BC - #BDB599

Codes CSS

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

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