#CF8CAD - #9B2D5E | 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 #CF8CAD à #9B2D5E

#CF8CAD #9B2D5E

Calculez la couleur entre deux couleurs, #CF8CAD et #9B2D5E. 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)

#CF8CAD - #9B2D5E | 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 #CF8CAD 0% et #9B2D5E 100%.

0.0%	0.0% #CF8CAD	RVB 207 140 173	#CF8CAD
16.7%	16.7% #C67C9F	RVB 198 124 159	#C67C9F
33.3%	33.3% #BD6C92	RVB 189 108 146	#BD6C92
50.0%	50.0% #B55C85	RVB 181 92 133	#B55C85
66.7%	66.7% #AC4C78	RVB 172 76 120	#AC4C78
83.3%	83.3% #A33C6B	RVB 163 60 107	#A33C6B
100.0%	100.0% #9B2D5E	RVB 155 45 94	#9B2D5E

#CF8CAD #C67C9F #BD6C92 #B55C85 #AC4C78 #A33C6B #9B2D5E

#CF8CAD - #9B2D5E

Mélange HSV

#CF8CAD - #9B2D5E | 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 #CF8CAD 0% et #9B2D5E 100%.

0.0%	0.0% #CF8CAD	RVB 207 140 173	#CF8CAD
16.7%	16.7% #C6799E	RVB 198 121 158	#C6799E
33.3%	33.3% #BD6790	RVB 189 103 144	#BD6790
50.0%	50.0% #B55783	RVB 181 87 131	#B55783
66.7%	66.7% #AC4876	RVB 172 72 118	#AC4876
83.3%	83.3% #A33A69	RVB 163 58 105	#A33A69
100.0%	100.0% #9B2D5E	RVB 155 45 94	#9B2D5E

#CF8CAD #C6799E #BD6790 #B55783 #AC4876 #A33A69 #9B2D5E

#CF8CAD - #B55783 - #9B2D5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF8CAD 0%, #B55783 50%, #9B2D5E 100%);
    background: -webkit-linear-gradient(top, #CF8CAD 0%, #B55783 50%, #9B2D5E 100%);
    background: linear-gradient(to bottom, #CF8CAD 0%, #B55783 50%, #9B2D5E 100%);
}
</style>