#FF9592 - #EB3E3E | 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 #FF9592 à #EB3E3E

#FF9592 #EB3E3E

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

#FF9592 - #EB3E3E | 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 #FF9592 0% et #EB3E3E 100%.

0.0%	0.0% #FF9592	RVB 255 149 146	#FF9592
16.7%	16.7% #FB8684	RVB 251 134 132	#FB8684
33.3%	33.3% #F87876	RVB 248 120 118	#F87876
50.0%	50.0% #F56968	RVB 245 105 104	#F56968
66.7%	66.7% #F15B5A	RVB 241 91 90	#F15B5A
83.3%	83.3% #EE4C4C	RVB 238 76 76	#EE4C4C
100.0%	100.0% #EB3E3E	RVB 235 62 62	#EB3E3E

#FF9592 #FB8684 #F87876 #F56968 #F15B5A #EE4C4C #EB3E3E

#FF9592 - #EB3E3E

Mélange HSV

#FF9592 - #EB3E3E | 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 #FF9592 0% et #EB3E3E 100%.

0.0%	0.0% #FF9592	RVB 255 149 146	#FF9592
16.7%	16.7% #FB8583	RVB 251 133 131	#FB8583
33.3%	33.3% #F87774	RVB 248 119 116	#F87774
50.0%	50.0% #F56866	RVB 245 104 102	#F56866
66.7%	66.7% #F15A58	RVB 241 90 88	#F15A58
83.3%	83.3% #EE4B4B	RVB 238 75 75	#EE4B4B
100.0%	100.0% #EB3E3E	RVB 235 62 62	#EB3E3E

#FF9592 #FB8583 #F87774 #F56866 #F15A58 #EE4B4B #EB3E3E

#FF9592 - #F56866 - #EB3E3E

Codes CSS

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

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