#9D9E95 - #E7DBB1 | 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 #9D9E95 à #E7DBB1

#9D9E95 #E7DBB1

Calculez la couleur entre deux couleurs, #9D9E95 et #E7DBB1. 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)

#9D9E95 - #E7DBB1 | 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 #9D9E95 0% et #E7DBB1 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #A9A899	RVB 169 168 153	#A9A899
33.3%	33.3% #B5B29E	RVB 181 178 158	#B5B29E
50.0%	50.0% #C2BCA3	RVB 194 188 163	#C2BCA3
66.7%	66.7% #CEC6A7	RVB 206 198 167	#CEC6A7
83.3%	83.3% #DAD0AC	RVB 218 208 172	#DAD0AC
100.0%	100.0% #E7DBB1	RVB 231 219 177	#E7DBB1

#9D9E95 #A9A899 #B5B29E #C2BCA3 #CEC6A7 #DAD0AC #E7DBB1

#9D9E95 - #E7DBB1

Mélange HSV

#9D9E95 - #E7DBB1 | 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 #9D9E95 0% et #E7DBB1 100%.

0.0%	0.0% #9D9E95	RVB 157 158 149	#9D9E95
16.7%	16.7% #A9AA9B	RVB 169 170 155	#A9AA9B
33.3%	33.3% #B6B6A1	RVB 182 182 161	#B6B6A1
50.0%	50.0% #C2C0A6	RVB 194 192 166	#C2C0A6
66.7%	66.7% #CECAAA	RVB 206 202 170	#CECAAA
83.3%	83.3% #DAD3AE	RVB 218 211 174	#DAD3AE
100.0%	100.0% #E7DBB1	RVB 231 219 177	#E7DBB1

#9D9E95 #A9AA9B #B6B6A1 #C2C0A6 #CECAAA #DAD3AE #E7DBB1

#9D9E95 - #C2C0A6 - #E7DBB1

Codes CSS

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

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