#C6B5E6 - #8D60C1 | 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 #C6B5E6 à #8D60C1

#C6B5E6 #8D60C1

Calculez la couleur entre deux couleurs, #C6B5E6 et #8D60C1. 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)

#C6B5E6 - #8D60C1 | 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 #C6B5E6 0% et #8D60C1 100%.

0.0%	0.0% #C6B5E6	RVB 198 181 230	#C6B5E6
16.7%	16.7% #BCA6DF	RVB 188 166 223	#BCA6DF
33.3%	33.3% #B398D9	RVB 179 152 217	#B398D9
50.0%	50.0% #A98AD3	RVB 169 138 211	#A98AD3
66.7%	66.7% #A07CCD	RVB 160 124 205	#A07CCD
83.3%	83.3% #966EC7	RVB 150 110 199	#966EC7
100.0%	100.0% #8D60C1	RVB 141 96 193	#8D60C1

#C6B5E6 #BCA6DF #B398D9 #A98AD3 #A07CCD #966EC7 #8D60C1

#C6B5E6 - #8D60C1

Mélange HSV

#C6B5E6 - #8D60C1 | 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 #C6B5E6 0% et #8D60C1 100%.

0.0%	0.0% #C6B5E6	RVB 198 181 230	#C6B5E6
16.7%	16.7% #BAA5DF	RVB 186 165 223	#BAA5DF
33.3%	33.3% #B096D9	RVB 176 150 217	#B096D9
50.0%	50.0% #A687D3	RVB 166 135 211	#A687D3
66.7%	66.7% #9D79CD	RVB 157 121 205	#9D79CD
83.3%	83.3% #946CC7	RVB 148 108 199	#946CC7
100.0%	100.0% #8D60C1	RVB 141 96 193	#8D60C1

#C6B5E6 #BAA5DF #B096D9 #A687D3 #9D79CD #946CC7 #8D60C1

#C6B5E6 - #A687D3 - #8D60C1

Codes CSS

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

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