#E6E5E5 - #ECC3E1 | 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 #E6E5E5 à #ECC3E1

#E6E5E5 #ECC3E1

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

#E6E5E5 - #ECC3E1 | 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 #E6E5E5 0% et #ECC3E1 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #E7DFE4	RVB 231 223 228	#E7DFE4
33.3%	33.3% #E8D9E3	RVB 232 217 227	#E8D9E3
50.0%	50.0% #E9D4E3	RVB 233 212 227	#E9D4E3
66.7%	66.7% #EACEE2	RVB 234 206 226	#EACEE2
83.3%	83.3% #EBC8E1	RVB 235 200 225	#EBC8E1
100.0%	100.0% #ECC3E1	RVB 236 195 225	#ECC3E1

#E6E5E5 #E7DFE4 #E8D9E3 #E9D4E3 #EACEE2 #EBC8E1 #ECC3E1

#E6E5E5 - #ECC3E1

Mélange HSV

#E6E5E5 - #ECC3E1 | 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 #E6E5E5 0% et #ECC3E1 100%.

0.0%	0.0% #E6E5E5	RVB 230 229 229	#E6E5E5
16.7%	16.7% #E7DFE0	RVB 231 223 224	#E7DFE0
33.3%	33.3% #E8D9DD	RVB 232 217 221	#E8D9DD
50.0%	50.0% #E9D4DB	RVB 233 212 219	#E9D4DB
66.7%	66.7% #EACEDB	RVB 234 206 219	#EACEDB
83.3%	83.3% #EBC8DD	RVB 235 200 221	#EBC8DD
100.0%	100.0% #ECC3E1	RVB 236 195 225	#ECC3E1

#E6E5E5 #E7DFE0 #E8D9DD #E9D4DB #EACEDB #EBC8DD #ECC3E1

#E6E5E5 - #E9D4DB - #ECC3E1

Codes CSS

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

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