#FF357D - #A2003A | 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 #FF357D à #A2003A

#FF357D #A2003A

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

#FF357D - #A2003A | 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 #FF357D 0% et #A2003A 100%.

0.0%	0.0% #FF357D	RVB 255 53 125	#FF357D
16.7%	16.7% #EF2C71	RVB 239 44 113	#EF2C71
33.3%	33.3% #E02366	RVB 224 35 102	#E02366
50.0%	50.0% #D01A5B	RVB 208 26 91	#D01A5B
66.7%	66.7% #C11150	RVB 193 17 80	#C11150
83.3%	83.3% #B10845	RVB 177 8 69	#B10845
100.0%	100.0% #A2003A	RVB 162 0 58	#A2003A

#FF357D #EF2C71 #E02366 #D01A5B #C11150 #B10845 #A2003A

#FF357D - #A2003A

Mélange HSV

#FF357D - #A2003A | 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 #FF357D 0% et #A2003A 100%.

0.0%	0.0% #FF357C	RVB 255 53 124	#FF357C
16.7%	16.7% #EF2970	RVB 239 41 112	#EF2970
33.3%	33.3% #E01F63	RVB 224 31 99	#E01F63
50.0%	50.0% #D01558	RVB 208 21 88	#D01558
66.7%	66.7% #C10D4D	RVB 193 13 77	#C10D4D
83.3%	83.3% #B10643	RVB 177 6 67	#B10643
100.0%	100.0% #A2003A	RVB 162 0 58	#A2003A

#FF357C #EF2970 #E01F63 #D01558 #C10D4D #B10643 #A2003A

#FF357D - #D01558 - #A2003A

Codes CSS

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

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