#8C7A8C - #FFBB8C | 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 #8C7A8C à #FFBB8C

#8C7A8C #FFBB8C

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

#8C7A8C - #FFBB8C | 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 #8C7A8C 0% et #FFBB8C 100%.

0.0%	0.0% #8C7A8C	RVB 140 122 140	#8C7A8C
16.7%	16.7% #9F848C	RVB 159 132 140	#9F848C
33.3%	33.3% #B28F8C	RVB 178 143 140	#B28F8C
50.0%	50.0% #C59A8C	RVB 197 154 140	#C59A8C
66.7%	66.7% #D8A58C	RVB 216 165 140	#D8A58C
83.3%	83.3% #EBB08C	RVB 235 176 140	#EBB08C
100.0%	100.0% #FFBB8C	RVB 255 187 140	#FFBB8C

#8C7A8C #9F848C #B28F8C #C59A8C #D8A58C #EBB08C #FFBB8C

#8C7A8C - #FFBB8C

Mélange HSV

#8C7A8C - #FFBB8C | 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 #8C7A8C 0% et #FFBB8C 100%.

0.0%	0.0% #8C7A8C	RVB 140 122 140	#8C7A8C
16.7%	16.7% #9F8298	RVB 159 130 152	#9F8298
33.3%	33.3% #B2889E	RVB 178 136 158	#B2889E
50.0%	50.0% #C58C9D	RVB 197 140 157	#C58C9D
66.7%	66.7% #D88E92	RVB 216 142 146	#D88E92
83.3%	83.3% #EB9E8E	RVB 235 158 142	#EB9E8E
100.0%	100.0% #FFBB8C	RVB 255 187 140	#FFBB8C

#8C7A8C #9F8298 #B2889E #C58C9D #D88E92 #EB9E8E #FFBB8C

#8C7A8C - #C58C9D - #FFBB8C

Codes CSS

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

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