#BD6C9C - #ECD5E2 | 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 #BD6C9C à #ECD5E2

#BD6C9C #ECD5E2

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

#BD6C9C - #ECD5E2 | 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 #BD6C9C 0% et #ECD5E2 100%.

0.0%	0.0% #BD6C9C	RVB 189 108 156	#BD6C9C
16.7%	16.7% #C47DA7	RVB 196 125 167	#C47DA7
33.3%	33.3% #CC8FB3	RVB 204 143 179	#CC8FB3
50.0%	50.0% #D4A0BF	RVB 212 160 191	#D4A0BF
66.7%	66.7% #DCB2CA	RVB 220 178 202	#DCB2CA
83.3%	83.3% #E4C3D6	RVB 228 195 214	#E4C3D6
100.0%	100.0% #ECD5E2	RVB 236 213 226	#ECD5E2

#BD6C9C #C47DA7 #CC8FB3 #D4A0BF #DCB2CA #E4C3D6 #ECD5E2

#BD6C9C - #ECD5E2

Mélange HSV

#BD6C9C - #ECD5E2 | 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 #BD6C9C 0% et #ECD5E2 100%.

0.0%	0.0% #BD6C9C	RVB 189 108 156	#BD6C9C
16.7%	16.7% #C47BA6	RVB 196 123 166	#C47BA6
33.3%	33.3% #CC8BB1	RVB 204 139 177	#CC8BB1
50.0%	50.0% #D49CBC	RVB 212 156 188	#D49CBC
66.7%	66.7% #DCAEC8	RVB 220 174 200	#DCAEC8
83.3%	83.3% #E4C1D5	RVB 228 193 213	#E4C1D5
100.0%	100.0% #ECD5E2	RVB 236 213 226	#ECD5E2

#BD6C9C #C47BA6 #CC8BB1 #D49CBC #DCAEC8 #E4C1D5 #ECD5E2

#BD6C9C - #D49CBC - #ECD5E2

Codes CSS

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

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