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

#ED4336 #A9150E

Calculez la couleur entre deux couleurs, #ED4336 et #A9150E. 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 - #A9150E | 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 #A9150E 100%.

0.0%	0.0% #ED4336	RVB 237 67 54	#ED4336
16.7%	16.7% #E13B2F	RVB 225 59 47	#E13B2F
33.3%	33.3% #D63328	RVB 214 51 40	#D63328
50.0%	50.0% #CB2C22	RVB 203 44 34	#CB2C22
66.7%	66.7% #BF241B	RVB 191 36 27	#BF241B
83.3%	83.3% #B41C14	RVB 180 28 20	#B41C14
100.0%	100.0% #A9150E	RVB 169 21 14	#A9150E

#ED4336 #E13B2F #D63328 #CB2C22 #BF241B #B41C14 #A9150E

#ED4336 - #A9150E

Mélange HSV

#ED4336 - #A9150E | 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 #A9150E 100%.

0.0%	0.0% #ED4336	RVB 237 67 54	#ED4336
16.7%	16.7% #E1392D	RVB 225 57 45	#E1392D
33.3%	33.3% #D63126	RVB 214 49 38	#D63126
50.0%	50.0% #CB291F	RVB 203 41 31	#CB291F
66.7%	66.7% #BF2219	RVB 191 34 25	#BF2219
83.3%	83.3% #B41B13	RVB 180 27 19	#B41B13
100.0%	100.0% #A9150E	RVB 169 21 14	#A9150E

#ED4336 #E1392D #D63126 #CB291F #BF2219 #B41B13 #A9150E

#ED4336 - #CB291F - #A9150E

Codes CSS

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

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