#C2BBCC - #8D5E8F | 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 #C2BBCC à #8D5E8F

#C2BBCC #8D5E8F

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

#C2BBCC - #8D5E8F | 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 #C2BBCC 0% et #8D5E8F 100%.

0.0%	0.0% #C2BBCC	RVB 194 187 204	#C2BBCC
16.7%	16.7% #B9ABC1	RVB 185 171 193	#B9ABC1
33.3%	33.3% #B09CB7	RVB 176 156 183	#B09CB7
50.0%	50.0% #A78CAD	RVB 167 140 173	#A78CAD
66.7%	66.7% #9E7DA3	RVB 158 125 163	#9E7DA3
83.3%	83.3% #956D99	RVB 149 109 153	#956D99
100.0%	100.0% #8D5E8F	RVB 141 94 143	#8D5E8F

#C2BBCC #B9ABC1 #B09CB7 #A78CAD #9E7DA3 #956D99 #8D5E8F

#C2BBCC - #8D5E8F

Mélange HSV

#C2BBCC - #8D5E8F | 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 #C2BBCC 0% et #8D5E8F 100%.

0.0%	0.0% #C2BBCC	RVB 194 187 204	#C2BBCC
16.7%	16.7% #B5A9C1	RVB 181 169 193	#B5A9C1
33.3%	33.3% #AB98B7	RVB 171 152 183	#AB98B7
50.0%	50.0% #A188AD	RVB 161 136 173	#A188AD
66.7%	66.7% #9979A3	RVB 153 121 163	#9979A3
83.3%	83.3% #936B99	RVB 147 107 153	#936B99
100.0%	100.0% #8D5E8F	RVB 141 94 143	#8D5E8F

#C2BBCC #B5A9C1 #AB98B7 #A188AD #9979A3 #936B99 #8D5E8F

#C2BBCC - #A188AD - #8D5E8F

Codes CSS

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

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