#FF8C9B - #C92D4E | 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 #FF8C9B à #C92D4E

#FF8C9B #C92D4E

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

#FF8C9B - #C92D4E | 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 #FF8C9B 0% et #C92D4E 100%.

0.0%	0.0% #FF8C9B	RVB 255 140 155	#FF8C9B
16.7%	16.7% #F67C8E	RVB 246 124 142	#F67C8E
33.3%	33.3% #ED6C81	RVB 237 108 129	#ED6C81
50.0%	50.0% #E45C74	RVB 228 92 116	#E45C74
66.7%	66.7% #DB4C67	RVB 219 76 103	#DB4C67
83.3%	83.3% #D23C5A	RVB 210 60 90	#D23C5A
100.0%	100.0% #C92D4E	RVB 201 45 78	#C92D4E

#FF8C9B #F67C8E #ED6C81 #E45C74 #DB4C67 #D23C5A #C92D4E

#FF8C9B - #C92D4E

Mélange HSV

#FF8C9B - #C92D4E | 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 #FF8C9B 0% et #C92D4E 100%.

0.0%	0.0% #FF8C9B	RVB 255 140 155	#FF8C9B
16.7%	16.7% #F6798B	RVB 246 121 139	#F6798B
33.3%	33.3% #ED687D	RVB 237 104 125	#ED687D
50.0%	50.0% #E45870	RVB 228 88 112	#E45870
66.7%	66.7% #DB4863	RVB 219 72 99	#DB4863
83.3%	83.3% #D23A58	RVB 210 58 88	#D23A58
100.0%	100.0% #C92D4E	RVB 201 45 78	#C92D4E

#FF8C9B #F6798B #ED687D #E45870 #DB4863 #D23A58 #C92D4E

#FF8C9B - #E45870 - #C92D4E

Codes CSS

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

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