#C196A8 - #8D3E59 | 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 #C196A8 à #8D3E59

#C196A8 #8D3E59

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

#C196A8 - #8D3E59 | 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 #C196A8 0% et #8D3E59 100%.

0.0%	0.0% #C196A8	RVB 193 150 168	#C196A8
16.7%	16.7% #B8879A	RVB 184 135 154	#B8879A
33.3%	33.3% #AF788D	RVB 175 120 141	#AF788D
50.0%	50.0% #A76A80	RVB 167 106 128	#A76A80
66.7%	66.7% #9E5B73	RVB 158 91 115	#9E5B73
83.3%	83.3% #954C66	RVB 149 76 102	#954C66
100.0%	100.0% #8D3E59	RVB 141 62 89	#8D3E59

#C196A8 #B8879A #AF788D #A76A80 #9E5B73 #954C66 #8D3E59

#C196A8 - #8D3E59

Mélange HSV

#C196A8 - #8D3E59 | 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 #C196A8 0% et #8D3E59 100%.

0.0%	0.0% #C196A8	RVB 193 150 168	#C196A8
16.7%	16.7% #B88499	RVB 184 132 153	#B88499
33.3%	33.3% #AF748B	RVB 175 116 139	#AF748B
50.0%	50.0% #A7657E	RVB 167 101 126	#A7657E
66.7%	66.7% #9E5771	RVB 158 87 113	#9E5771
83.3%	83.3% #954A64	RVB 149 74 100	#954A64
100.0%	100.0% #8D3E59	RVB 141 62 89	#8D3E59

#C196A8 #B88499 #AF748B #A7657E #9E5771 #954A64 #8D3E59

#C196A8 - #A7657E - #8D3E59

Codes CSS

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

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