#C080EB - #B9A8F0 | 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 #C080EB à #B9A8F0

#C080EB #B9A8F0

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

#C080EB - #B9A8F0 | 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 #C080EB 0% et #B9A8F0 100%.

0.0%	0.0% #C080EB	RVB 192 128 235	#C080EB
16.7%	16.7% #BE86EB	RVB 190 134 235	#BE86EB
33.3%	33.3% #BD8DEC	RVB 189 141 236	#BD8DEC
50.0%	50.0% #BC94ED	RVB 188 148 237	#BC94ED
66.7%	66.7% #BB9AEE	RVB 187 154 238	#BB9AEE
83.3%	83.3% #BAA1EF	RVB 186 161 239	#BAA1EF
100.0%	100.0% #B9A8F0	RVB 185 168 240	#B9A8F0

#C080EB #BE86EB #BD8DEC #BC94ED #BB9AEE #BAA1EF #B9A8F0

#C080EB - #B9A8F0

Mélange HSV

#C080EB - #B9A8F0 | 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 #C080EB 0% et #B9A8F0 100%.

0.0%	0.0% #C080EB	RVB 192 128 235	#C080EB
16.7%	16.7% #BD86EB	RVB 189 134 235	#BD86EB
33.3%	33.3% #BA8DEC	RVB 186 141 236	#BA8DEC
50.0%	50.0% #B993ED	RVB 185 147 237	#B993ED
66.7%	66.7% #B89AEE	RVB 184 154 238	#B89AEE
83.3%	83.3% #B8A1EF	RVB 184 161 239	#B8A1EF
100.0%	100.0% #B9A8F0	RVB 185 168 240	#B9A8F0

#C080EB #BD86EB #BA8DEC #B993ED #B89AEE #B8A1EF #B9A8F0

#C080EB - #B993ED - #B9A8F0

Codes CSS

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

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