#FF2D9F - #480C2D | 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 #FF2D9F à #480C2D

#FF2D9F #480C2D

Calculez la couleur entre deux couleurs, #FF2D9F et #480C2D. 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)

#FF2D9F - #480C2D | 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 #FF2D9F 0% et #480C2D 100%.

0.0%	0.0% #FF2D9F	RVB 255 45 159	#FF2D9F
16.7%	16.7% #E0278C	RVB 224 39 140	#E0278C
33.3%	33.3% #C22279	RVB 194 34 121	#C22279
50.0%	50.0% #A31C66	RVB 163 28 102	#A31C66
66.7%	66.7% #841753	RVB 132 23 83	#841753
83.3%	83.3% #661140	RVB 102 17 64	#661140
100.0%	100.0% #480C2D	RVB 72 12 45	#480C2D

#FF2D9F #E0278C #C22279 #A31C66 #841753 #661140 #480C2D

#FF2D9F - #480C2D

Mélange HSV

#FF2D9F - #480C2D | 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 #FF2D9F 0% et #480C2D 100%.

0.0%	0.0% #FF2C9F	RVB 255 44 159	#FF2C9F
16.7%	16.7% #E0278C	RVB 224 39 140	#E0278C
33.3%	33.3% #C22179	RVB 194 33 121	#C22179
50.0%	50.0% #A31C66	RVB 163 28 102	#A31C66
66.7%	66.7% #841653	RVB 132 22 83	#841653
83.3%	83.3% #661140	RVB 102 17 64	#661140
100.0%	100.0% #480C2D	RVB 72 12 45	#480C2D

#FF2C9F #E0278C #C22179 #A31C66 #841653 #661140 #480C2D

#FF2D9F - #A31C66 - #480C2D

Codes CSS

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

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