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

#ECE9EC #CD9AB9

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

0.0%	0.0% #ECE9EC	RVB 236 233 236	#ECE9EC
16.7%	16.7% #E6DBE3	RVB 230 219 227	#E6DBE3
33.3%	33.3% #E1CEDB	RVB 225 206 219	#E1CEDB
50.0%	50.0% #DCC1D2	RVB 220 193 210	#DCC1D2
66.7%	66.7% #D7B4CA	RVB 215 180 202	#D7B4CA
83.3%	83.3% #D2A7C1	RVB 210 167 193	#D2A7C1
100.0%	100.0% #CD9AB9	RVB 205 154 185	#CD9AB9

#ECE9EC #E6DBE3 #E1CEDB #DCC1D2 #D7B4CA #D2A7C1 #CD9AB9

#ECE9EC - #CD9AB9

Mélange HSV

#ECE9EC - #CD9AB9 | 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 #CD9AB9 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% #E1CDDE	RVB 225 205 222	#E1CDDE
50.0%	50.0% #DCBFD6	RVB 220 191 214	#DCBFD6
66.7%	66.7% #D7B2CD	RVB 215 178 205	#D7B2CD
83.3%	83.3% #D2A6C3	RVB 210 166 195	#D2A6C3
100.0%	100.0% #CD9AB9	RVB 205 154 185	#CD9AB9

#ECE9EC #E6DAE6 #E1CDDE #DCBFD6 #D7B2CD #D2A6C3 #CD9AB9

#ECE9EC - #DCBFD6 - #CD9AB9

Codes CSS

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

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