#CFB5E6 - #A251B8 | 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 #CFB5E6 à #A251B8

#CFB5E6 #A251B8

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

#CFB5E6 - #A251B8 | 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 #CFB5E6 0% et #A251B8 100%.

0.0%	0.0% #CFB5E6	RVB 207 181 230	#CFB5E6
16.7%	16.7% #C7A4DE	RVB 199 164 222	#C7A4DE
33.3%	33.3% #C093D6	RVB 192 147 214	#C093D6
50.0%	50.0% #B883CF	RVB 184 131 207	#B883CF
66.7%	66.7% #B172C7	RVB 177 114 199	#B172C7
83.3%	83.3% #A961BF	RVB 169 97 191	#A961BF
100.0%	100.0% #A251B8	RVB 162 81 184	#A251B8

#CFB5E6 #C7A4DE #C093D6 #B883CF #B172C7 #A961BF #A251B8

#CFB5E6 - #A251B8

Mélange HSV

#CFB5E6 - #A251B8 | 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 #CFB5E6 0% et #A251B8 100%.

0.0%	0.0% #CFB5E6	RVB 207 181 230	#CFB5E6
16.7%	16.7% #C4A2DE	RVB 196 162 222	#C4A2DE
33.3%	33.3% #BB90D6	RVB 187 144 214	#BB90D6
50.0%	50.0% #B37FCF	RVB 179 127 207	#B37FCF
66.7%	66.7% #AC6EC7	RVB 172 110 199	#AC6EC7
83.3%	83.3% #A75FBF	RVB 167 95 191	#A75FBF
100.0%	100.0% #A251B8	RVB 162 81 184	#A251B8

#CFB5E6 #C4A2DE #BB90D6 #B37FCF #AC6EC7 #A75FBF #A251B8

#CFB5E6 - #B37FCF - #A251B8

Codes CSS

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

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