#ED1036 - #FF672E | 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 #ED1036 à #FF672E

#ED1036 #FF672E

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

#ED1036 - #FF672E | 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 #ED1036 0% et #FF672E 100%.

0.0%	0.0% #ED1036	RVB 237 16 54	#ED1036
16.7%	16.7% #F01E34	RVB 240 30 52	#F01E34
33.3%	33.3% #F32D33	RVB 243 45 51	#F32D33
50.0%	50.0% #F63B32	RVB 246 59 50	#F63B32
66.7%	66.7% #F94A30	RVB 249 74 48	#F94A30
83.3%	83.3% #FC582F	RVB 252 88 47	#FC582F
100.0%	100.0% #FF672E	RVB 255 103 46	#FF672E

#ED1036 #F01E34 #F32D33 #F63B32 #F94A30 #FC582F #FF672E

#ED1036 - #FF672E

Mélange HSV

#ED1036 - #FF672E | 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 #ED1036 0% et #FF672E 100%.

0.0%	0.0% #ED1036	RVB 237 16 54	#ED1036
16.7%	16.7% #F0142A	RVB 240 20 42	#F0142A
33.3%	33.3% #F3191E	RVB 243 25 30	#F3191E
50.0%	50.0% #F6291E	RVB 246 41 30	#F6291E
66.7%	66.7% #F93E23	RVB 249 62 35	#F93E23
83.3%	83.3% #FC5228	RVB 252 82 40	#FC5228
100.0%	100.0% #FF672E	RVB 255 103 46	#FF672E

#ED1036 #F0142A #F3191E #F6291E #F93E23 #FC5228 #FF672E

#ED1036 - #F6291E - #FF672E

Codes CSS

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

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