#CFC5E5 - #8566A8 | 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 #CFC5E5 à #8566A8

#CFC5E5 #8566A8

Calculez la couleur entre deux couleurs, #CFC5E5 et #8566A8. 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)

#CFC5E5 - #8566A8 | 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 #CFC5E5 0% et #8566A8 100%.

0.0%	0.0% #CFC5E5	RVB 207 197 229	#CFC5E5
16.7%	16.7% #C2B5DA	RVB 194 181 218	#C2B5DA
33.3%	33.3% #B6A5D0	RVB 182 165 208	#B6A5D0
50.0%	50.0% #AA95C6	RVB 170 149 198	#AA95C6
66.7%	66.7% #9D85BC	RVB 157 133 188	#9D85BC
83.3%	83.3% #9175B2	RVB 145 117 178	#9175B2
100.0%	100.0% #8566A8	RVB 133 102 168	#8566A8

#CFC5E5 #C2B5DA #B6A5D0 #AA95C6 #9D85BC #9175B2 #8566A8

#CFC5E5 - #8566A8

Mélange HSV

#CFC5E5 - #8566A8 | 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 #CFC5E5 0% et #8566A8 100%.

0.0%	0.0% #CFC5E5	RVB 207 197 229	#CFC5E5
16.7%	16.7% #C0B3DA	RVB 192 179 218	#C0B3DA
33.3%	33.3% #B2A1D0	RVB 178 161 208	#B2A1D0
50.0%	50.0% #A691C6	RVB 166 145 198	#A691C6
66.7%	66.7% #9A82BC	RVB 154 130 188	#9A82BC
83.3%	83.3% #8F73B2	RVB 143 115 178	#8F73B2
100.0%	100.0% #8566A8	RVB 133 102 168	#8566A8

#CFC5E5 #C0B3DA #B2A1D0 #A691C6 #9A82BC #8F73B2 #8566A8

#CFC5E5 - #A691C6 - #8566A8

Codes CSS

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

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