#EA5E5E - #FFBB7B | 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 #EA5E5E à #FFBB7B

#EA5E5E #FFBB7B

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

#EA5E5E - #FFBB7B | 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 #EA5E5E 0% et #FFBB7B 100%.

0.0%	0.0% #EA5E5E	RVB 234 94 94	#EA5E5E
16.7%	16.7% #ED6D62	RVB 237 109 98	#ED6D62
33.3%	33.3% #F17D67	RVB 241 125 103	#F17D67
50.0%	50.0% #F48C6C	RVB 244 140 108	#F48C6C
66.7%	66.7% #F89C71	RVB 248 156 113	#F89C71
83.3%	83.3% #FBAB76	RVB 251 171 118	#FBAB76
100.0%	100.0% #FFBB7B	RVB 255 187 123	#FFBB7B

#EA5E5E #ED6D62 #F17D67 #F48C6C #F89C71 #FBAB76 #FFBB7B

#EA5E5E - #FFBB7B

Mélange HSV

#EA5E5E - #FFBB7B | 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 #EA5E5E 0% et #FFBB7B 100%.

0.0%	0.0% #EA5E5E	RVB 234 94 94	#EA5E5E
16.7%	16.7% #ED6D62	RVB 237 109 98	#ED6D62
33.3%	33.3% #F17D67	RVB 241 125 103	#F17D67
50.0%	50.0% #F48D6C	RVB 244 141 108	#F48D6C
66.7%	66.7% #F89C70	RVB 248 156 112	#F89C70
83.3%	83.3% #FBAB75	RVB 251 171 117	#FBAB75
100.0%	100.0% #FFBB7B	RVB 255 187 123	#FFBB7B

#EA5E5E #ED6D62 #F17D67 #F48D6C #F89C70 #FBAB75 #FFBB7B

#EA5E5E - #F48D6C - #FFBB7B

Codes CSS

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

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