#ECE2FF - #A78CCD | 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 #ECE2FF à #A78CCD

#ECE2FF #A78CCD

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

#ECE2FF - #A78CCD | 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 #ECE2FF 0% et #A78CCD 100%.

0.0%	0.0% #ECE2FF	RVB 236 226 255	#ECE2FF
16.7%	16.7% #E0D3F6	RVB 224 211 246	#E0D3F6
33.3%	33.3% #D5C5EE	RVB 213 197 238	#D5C5EE
50.0%	50.0% #C9B7E6	RVB 201 183 230	#C9B7E6
66.7%	66.7% #BEA8DD	RVB 190 168 221	#BEA8DD
83.3%	83.3% #B29AD5	RVB 178 154 213	#B29AD5
100.0%	100.0% #A78CCD	RVB 167 140 205	#A78CCD

#ECE2FF #E0D3F6 #D5C5EE #C9B7E6 #BEA8DD #B29AD5 #A78CCD

#ECE2FF - #A78CCD

Mélange HSV

#ECE2FF - #A78CCD | 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 #ECE2FF 0% et #A78CCD 100%.

0.0%	0.0% #ECE2FF	RVB 236 226 255	#ECE2FF
16.7%	16.7% #DFD2F6	RVB 223 210 246	#DFD2F6
33.3%	33.3% #D3C3EE	RVB 211 195 238	#D3C3EE
50.0%	50.0% #C7B4E6	RVB 199 180 230	#C7B4E6
66.7%	66.7% #BCA6DD	RVB 188 166 221	#BCA6DD
83.3%	83.3% #B198D5	RVB 177 152 213	#B198D5
100.0%	100.0% #A78CCD	RVB 167 140 205	#A78CCD

#ECE2FF #DFD2F6 #D3C3EE #C7B4E6 #BCA6DD #B198D5 #A78CCD

#ECE2FF - #C7B4E6 - #A78CCD

Codes CSS

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

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