#FFEEA8 - #E2DD3E | 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 #FFEEA8 à #E2DD3E

#FFEEA8 #E2DD3E

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

#FFEEA8 - #E2DD3E | 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 #FFEEA8 0% et #E2DD3E 100%.

0.0%	0.0% #FFEEA8	RVB 255 238 168	#FFEEA8
16.7%	16.7% #FAEB96	RVB 250 235 150	#FAEB96
33.3%	33.3% #F5E884	RVB 245 232 132	#F5E884
50.0%	50.0% #F0E573	RVB 240 229 115	#F0E573
66.7%	66.7% #EBE261	RVB 235 226 97	#EBE261
83.3%	83.3% #E6DF4F	RVB 230 223 79	#E6DF4F
100.0%	100.0% #E2DD3E	RVB 226 221 62	#E2DD3E

#FFEEA8 #FAEB96 #F5E884 #F0E573 #EBE261 #E6DF4F #E2DD3E

#FFEEA8 - #E2DD3E

Mélange HSV

#FFEEA8 - #E2DD3E | 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 #FFEEA8 0% et #E2DD3E 100%.

0.0%	0.0% #FFEEA8	RVB 255 238 168	#FFEEA8
16.7%	16.7% #FAE994	RVB 250 233 148	#FAE994
33.3%	33.3% #F5E582	RVB 245 229 130	#F5E582
50.0%	50.0% #F0E270	RVB 240 226 112	#F0E270
66.7%	66.7% #EBDF5E	RVB 235 223 94	#EBDF5E
83.3%	83.3% #E6DD4E	RVB 230 221 78	#E6DD4E
100.0%	100.0% #E2DD3E	RVB 226 221 62	#E2DD3E

#FFEEA8 #FAE994 #F5E582 #F0E270 #EBDF5E #E6DD4E #E2DD3E

#FFEEA8 - #F0E270 - #E2DD3E

Codes CSS

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

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