#C2B5BC - #8F627A | 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 #C2B5BC à #8F627A

#C2B5BC #8F627A

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

#C2B5BC - #8F627A | 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 #C2B5BC 0% et #8F627A 100%.

0.0%	0.0% #C2B5BC	RVB 194 181 188	#C2B5BC
16.7%	16.7% #B9A7B1	RVB 185 167 177	#B9A7B1
33.3%	33.3% #B199A6	RVB 177 153 166	#B199A6
50.0%	50.0% #A88B9B	RVB 168 139 155	#A88B9B
66.7%	66.7% #A07D90	RVB 160 125 144	#A07D90
83.3%	83.3% #976F85	RVB 151 111 133	#976F85
100.0%	100.0% #8F627A	RVB 143 98 122	#8F627A

#C2B5BC #B9A7B1 #B199A6 #A88B9B #A07D90 #976F85 #8F627A

#C2B5BC - #8F627A

Mélange HSV

#C2B5BC - #8F627A | 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 #C2B5BC 0% et #8F627A 100%.

0.0%	0.0% #C2B5BC	RVB 194 181 188	#C2B5BC
16.7%	16.7% #B9A5B0	RVB 185 165 176	#B9A5B0
33.3%	33.3% #B196A4	RVB 177 150 164	#B196A4
50.0%	50.0% #A88899	RVB 168 136 153	#A88899
66.7%	66.7% #A07A8E	RVB 160 122 142	#A07A8E
83.3%	83.3% #976E84	RVB 151 110 132	#976E84
100.0%	100.0% #8F627A	RVB 143 98 122	#8F627A

#C2B5BC #B9A5B0 #B196A4 #A88899 #A07A8E #976E84 #8F627A

#C2B5BC - #A88899 - #8F627A

Codes CSS

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

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