#ED6E5E - #FEC67C | 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 #ED6E5E à #FEC67C

#ED6E5E #FEC67C

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

#ED6E5E - #FEC67C | 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 #ED6E5E 0% et #FEC67C 100%.

0.0%	0.0% #ED6E5E	RVB 237 110 94	#ED6E5E
16.7%	16.7% #EF7C63	RVB 239 124 99	#EF7C63
33.3%	33.3% #F28B68	RVB 242 139 104	#F28B68
50.0%	50.0% #F59A6D	RVB 245 154 109	#F59A6D
66.7%	66.7% #F8A872	RVB 248 168 114	#F8A872
83.3%	83.3% #FBB777	RVB 251 183 119	#FBB777
100.0%	100.0% #FEC67C	RVB 254 198 124	#FEC67C

#ED6E5E #EF7C63 #F28B68 #F59A6D #F8A872 #FBB777 #FEC67C

#ED6E5E - #FEC67C

Mélange HSV

#ED6E5E - #FEC67C | 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 #ED6E5E 0% et #FEC67C 100%.

0.0%	0.0% #ED6E5E	RVB 237 110 94	#ED6E5E
16.7%	16.7% #EF7D62	RVB 239 125 98	#EF7D62
33.3%	33.3% #F28C67	RVB 242 140 103	#F28C67
50.0%	50.0% #F59B6C	RVB 245 155 108	#F59B6C
66.7%	66.7% #F8A971	RVB 248 169 113	#F8A971
83.3%	83.3% #FBB876	RVB 251 184 118	#FBB876
100.0%	100.0% #FEC67C	RVB 254 198 124	#FEC67C

#ED6E5E #EF7D62 #F28C67 #F59B6C #F8A971 #FBB876 #FEC67C

#ED6E5E - #F59B6C - #FEC67C

Codes CSS

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

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