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

#E3E5E3 #A69A93

Calculez la couleur entre deux couleurs, #E3E5E3 et #A69A93. 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 - #A69A93 | 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 #A69A93 100%.

0.0%	0.0% #E3E5E3	RVB 227 229 227	#E3E5E3
16.7%	16.7% #D8D8D5	RVB 216 216 213	#D8D8D5
33.3%	33.3% #CECCC8	RVB 206 204 200	#CECCC8
50.0%	50.0% #C4BFBB	RVB 196 191 187	#C4BFBB
66.7%	66.7% #BAB3AD	RVB 186 179 173	#BAB3AD
83.3%	83.3% #B0A6A0	RVB 176 166 160	#B0A6A0
100.0%	100.0% #A69A93	RVB 166 154 147	#A69A93

#E3E5E3 #D8D8D5 #CECCC8 #C4BFBB #BAB3AD #B0A6A0 #A69A93

#E3E5E3 - #A69A93

Mélange HSV

#E3E5E3 - #A69A93 | 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 #A69A93 100%.

0.0%	0.0% #E3E5E3	RVB 227 229 227	#E3E5E3
16.7%	16.7% #D6DAD4	RVB 214 218 212	#D6DAD4
33.3%	33.3% #CBD0C6	RVB 203 208 198	#CBD0C6
50.0%	50.0% #C3C5B9	RVB 195 197 185	#C3C5B9
66.7%	66.7% #BBB9AC	RVB 187 185 172	#BBB9AC
83.3%	83.3% #B0AA9F	RVB 176 170 159	#B0AA9F
100.0%	100.0% #A69A93	RVB 166 154 147	#A69A93

#E3E5E3 #D6DAD4 #CBD0C6 #C3C5B9 #BBB9AC #B0AA9F #A69A93

#E3E5E3 - #C3C5B9 - #A69A93

Codes CSS

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

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