#EE0147 - #FF5E47 | 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 #EE0147 à #FF5E47

#EE0147 #FF5E47

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

#EE0147 - #FF5E47 | 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 #EE0147 0% et #FF5E47 100%.

0.0%	0.0% #EE0147	RVB 238 1 71	#EE0147
16.7%	16.7% #F01047	RVB 240 16 71	#F01047
33.3%	33.3% #F32047	RVB 243 32 71	#F32047
50.0%	50.0% #F62F47	RVB 246 47 71	#F62F47
66.7%	66.7% #F93F47	RVB 249 63 71	#F93F47
83.3%	83.3% #FC4E47	RVB 252 78 71	#FC4E47
100.0%	100.0% #FF5E47	RVB 255 94 71	#FF5E47

#EE0147 #F01047 #F32047 #F62F47 #F93F47 #FC4E47 #FF5E47

#EE0147 - #FF5E47

Mélange HSV

#EE0147 - #FF5E47 | 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 #EE0147 0% et #FF5E47 100%.

0.0%	0.0% #EE0147	RVB 238 1 71	#EE0147
16.7%	16.7% #F00C3F	RVB 240 12 63	#F00C3F
33.3%	33.3% #F31739	RVB 243 23 57	#F31739
50.0%	50.0% #F62234	RVB 246 34 52	#F62234
66.7%	66.7% #F92E31	RVB 249 46 49	#F92E31
83.3%	83.3% #FC453A	RVB 252 69 58	#FC453A
100.0%	100.0% #FF5E47	RVB 255 94 71	#FF5E47

#EE0147 #F00C3F #F31739 #F62234 #F92E31 #FC453A #FF5E47

#EE0147 - #F62234 - #FF5E47

Codes CSS

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

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