#ECE9EC - #CD9AC8 | 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 #ECE9EC à #CD9AC8

#ECE9EC #CD9AC8

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

#ECE9EC - #CD9AC8 | 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 #ECE9EC 0% et #CD9AC8 100%.

0.0%	0.0% #ECE9EC	RVB 236 233 236	#ECE9EC
16.7%	16.7% #E6DBE6	RVB 230 219 230	#E6DBE6
33.3%	33.3% #E1CEE0	RVB 225 206 224	#E1CEE0
50.0%	50.0% #DCC1DA	RVB 220 193 218	#DCC1DA
66.7%	66.7% #D7B4D4	RVB 215 180 212	#D7B4D4
83.3%	83.3% #D2A7CE	RVB 210 167 206	#D2A7CE
100.0%	100.0% #CD9AC8	RVB 205 154 200	#CD9AC8

#ECE9EC #E6DBE6 #E1CEE0 #DCC1DA #D7B4D4 #D2A7CE #CD9AC8

#ECE9EC - #CD9AC8

Mélange HSV

#ECE9EC - #CD9AC8 | 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 #ECE9EC 0% et #CD9AC8 100%.

0.0%	0.0% #ECE9EC	RVB 236 233 236	#ECE9EC
16.7%	16.7% #E6DAE6	RVB 230 218 230	#E6DAE6
33.3%	33.3% #E1CDE0	RVB 225 205 224	#E1CDE0
50.0%	50.0% #DCBFDB	RVB 220 191 219	#DCBFDB
66.7%	66.7% #D7B2D4	RVB 215 178 212	#D7B2D4
83.3%	83.3% #D2A6CE	RVB 210 166 206	#D2A6CE
100.0%	100.0% #CD9AC8	RVB 205 154 200	#CD9AC8

#ECE9EC #E6DAE6 #E1CDE0 #DCBFDB #D7B2D4 #D2A6CE #CD9AC8

#ECE9EC - #DCBFDB - #CD9AC8

Codes CSS

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

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