#ED4336 - #F9C9C5 | 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 #ED4336 à #F9C9C5

#ED4336 #F9C9C5

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

#ED4336 - #F9C9C5 | 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 #ED4336 0% et #F9C9C5 100%.

0.0%	0.0% #ED4336	RVB 237 67 54	#ED4336
16.7%	16.7% #EF594D	RVB 239 89 77	#EF594D
33.3%	33.3% #F16F65	RVB 241 111 101	#F16F65
50.0%	50.0% #F3867D	RVB 243 134 125	#F3867D
66.7%	66.7% #F59C95	RVB 245 156 149	#F59C95
83.3%	83.3% #F7B2AD	RVB 247 178 173	#F7B2AD
100.0%	100.0% #F9C9C5	RVB 249 201 197	#F9C9C5

#ED4336 #EF594D #F16F65 #F3867D #F59C95 #F7B2AD #F9C9C5

#ED4336 - #F9C9C5

Mélange HSV

#ED4336 - #F9C9C5 | 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 #ED4336 0% et #F9C9C5 100%.

0.0%	0.0% #ED4336	RVB 237 67 54	#ED4336
16.7%	16.7% #EF584C	RVB 239 88 76	#EF584C
33.3%	33.3% #F16E64	RVB 241 110 100	#F16E64
50.0%	50.0% #F3847B	RVB 243 132 123	#F3847B
66.7%	66.7% #F59B93	RVB 245 155 147	#F59B93
83.3%	83.3% #F7B1AC	RVB 247 177 172	#F7B1AC
100.0%	100.0% #F9C9C5	RVB 249 201 197	#F9C9C5

#ED4336 #EF584C #F16E64 #F3847B #F59B93 #F7B1AC #F9C9C5

#ED4336 - #F3847B - #F9C9C5

Codes CSS

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

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