#E5E596 - #FFF2B6 | 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 #E5E596 à #FFF2B6

#E5E596 #FFF2B6

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

#E5E596 - #FFF2B6 | 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 #E5E596 0% et #FFF2B6 100%.

0.0%	0.0% #E5E596	RVB 229 229 150	#E5E596
16.7%	16.7% #E9E79B	RVB 233 231 155	#E9E79B
33.3%	33.3% #EDE9A0	RVB 237 233 160	#EDE9A0
50.0%	50.0% #F2EBA6	RVB 242 235 166	#F2EBA6
66.7%	66.7% #F6EDAB	RVB 246 237 171	#F6EDAB
83.3%	83.3% #FAEFB0	RVB 250 239 176	#FAEFB0
100.0%	100.0% #FFF2B6	RVB 255 242 182	#FFF2B6

#E5E596 #E9E79B #EDE9A0 #F2EBA6 #F6EDAB #FAEFB0 #FFF2B6

#E5E596 - #FFF2B6

Mélange HSV

#E5E596 - #FFF2B6 | 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 #E5E596 0% et #FFF2B6 100%.

0.0%	0.0% #E5E596	RVB 229 229 150	#E5E596
16.7%	16.7% #E9E79B	RVB 233 231 155	#E9E79B
33.3%	33.3% #EDE9A0	RVB 237 233 160	#EDE9A0
50.0%	50.0% #F2EBA5	RVB 242 235 165	#F2EBA5
66.7%	66.7% #F6EDAA	RVB 246 237 170	#F6EDAA
83.3%	83.3% #FAEFB0	RVB 250 239 176	#FAEFB0
100.0%	100.0% #FFF2B6	RVB 255 242 182	#FFF2B6

#E5E596 #E9E79B #EDE9A0 #F2EBA5 #F6EDAA #FAEFB0 #FFF2B6

#E5E596 - #F2EBA5 - #FFF2B6

Codes CSS

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

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