#EC5E6D - #FFBA80 | 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 #EC5E6D à #FFBA80

#EC5E6D #FFBA80

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

#EC5E6D - #FFBA80 | 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 #EC5E6D 0% et #FFBA80 100%.

0.0%	0.0% #EC5E6D	RVB 236 94 109	#EC5E6D
16.7%	16.7% #EF6D70	RVB 239 109 112	#EF6D70
33.3%	33.3% #F27C73	RVB 242 124 115	#F27C73
50.0%	50.0% #F58C76	RVB 245 140 118	#F58C76
66.7%	66.7% #F89B79	RVB 248 155 121	#F89B79
83.3%	83.3% #FBAA7C	RVB 251 170 124	#FBAA7C
100.0%	100.0% #FFBA80	RVB 255 186 128	#FFBA80

#EC5E6D #EF6D70 #F27C73 #F58C76 #F89B79 #FBAA7C #FFBA80

#EC5E6D - #FFBA80

Mélange HSV

#EC5E6D - #FFBA80 | 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 #EC5E6D 0% et #FFBA80 100%.

0.0%	0.0% #EC5E6D	RVB 236 94 109	#EC5E6D
16.7%	16.7% #EF6365	RVB 239 99 101	#EF6365
33.3%	33.3% #F27468	RVB 242 116 104	#F27468
50.0%	50.0% #F5866E	RVB 245 134 110	#F5866E
66.7%	66.7% #F89774	RVB 248 151 116	#F89774
83.3%	83.3% #FBA97A	RVB 251 169 122	#FBA97A
100.0%	100.0% #FFBA80	RVB 255 186 128	#FFBA80

#EC5E6D #EF6365 #F27468 #F5866E #F89774 #FBA97A #FFBA80

#EC5E6D - #F5866E - #FFBA80

Codes CSS

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

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