#AC4C92 - #E7CBDF | 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 #AC4C92 à #E7CBDF

#AC4C92 #E7CBDF

Calculez la couleur entre deux couleurs, #AC4C92 et #E7CBDF. 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)

#AC4C92 - #E7CBDF | 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 #AC4C92 0% et #E7CBDF 100%.

0.0%	0.0% #AC4C92	RVB 172 76 146	#AC4C92
16.7%	16.7% #B5619E	RVB 181 97 158	#B5619E
33.3%	33.3% #BF76AB	RVB 191 118 171	#BF76AB
50.0%	50.0% #C98BB8	RVB 201 139 184	#C98BB8
66.7%	66.7% #D3A0C5	RVB 211 160 197	#D3A0C5
83.3%	83.3% #DDB5D2	RVB 221 181 210	#DDB5D2
100.0%	100.0% #E7CBDF	RVB 231 203 223	#E7CBDF

#AC4C92 #B5619E #BF76AB #C98BB8 #D3A0C5 #DDB5D2 #E7CBDF

#AC4C92 - #E7CBDF

Mélange HSV

#AC4C92 - #E7CBDF | 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 #AC4C92 0% et #E7CBDF 100%.

0.0%	0.0% #AC4C92	RVB 172 76 146	#AC4C92
16.7%	16.7% #B55D9D	RVB 181 93 157	#B55D9D
33.3%	33.3% #BF70A9	RVB 191 112 169	#BF70A9
50.0%	50.0% #C985B6	RVB 201 133 182	#C985B6
66.7%	66.7% #D39AC3	RVB 211 154 195	#D39AC3
83.3%	83.3% #DDB2D1	RVB 221 178 209	#DDB2D1
100.0%	100.0% #E7CBDF	RVB 231 203 223	#E7CBDF

#AC4C92 #B55D9D #BF70A9 #C985B6 #D39AC3 #DDB2D1 #E7CBDF

#AC4C92 - #C985B6 - #E7CBDF

Codes CSS

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

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