#C9A5E5 - #BFE3E7 | 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 #C9A5E5 à #BFE3E7

#C9A5E5 #BFE3E7

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

#C9A5E5 - #BFE3E7 | 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 #C9A5E5 0% et #BFE3E7 100%.

0.0%	0.0% #C9A5E5	RVB 201 165 229	#C9A5E5
16.7%	16.7% #C7AFE5	RVB 199 175 229	#C7AFE5
33.3%	33.3% #C5B9E5	RVB 197 185 229	#C5B9E5
50.0%	50.0% #C4C4E6	RVB 196 196 230	#C4C4E6
66.7%	66.7% #C2CEE6	RVB 194 206 230	#C2CEE6
83.3%	83.3% #C0D8E6	RVB 192 216 230	#C0D8E6
100.0%	100.0% #BFE3E7	RVB 191 227 231	#BFE3E7

#C9A5E5 #C7AFE5 #C5B9E5 #C4C4E6 #C2CEE6 #C0D8E6 #BFE3E7

#C9A5E5 - #BFE3E7

Mélange HSV

#C9A5E5 - #BFE3E7 | 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 #C9A5E5 0% et #BFE3E7 100%.

0.0%	0.0% #C9A5E5	RVB 201 165 229	#C9A5E5
16.7%	16.7% #BCA9E5	RVB 188 169 229	#BCA9E5
33.3%	33.3% #B1ADE5	RVB 177 173 229	#B1ADE5
50.0%	50.0% #B1BAE6	RVB 177 186 230	#B1BAE6
66.7%	66.7% #B6CAE6	RVB 182 202 230	#B6CAE6
83.3%	83.3% #BAD7E6	RVB 186 215 230	#BAD7E6
100.0%	100.0% #BFE3E7	RVB 191 227 231	#BFE3E7

#C9A5E5 #BCA9E5 #B1ADE5 #B1BAE6 #B6CAE6 #BAD7E6 #BFE3E7

#C9A5E5 - #B1BAE6 - #BFE3E7

Codes CSS

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

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