#FFFDF8 - #ECE4AF | 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 #FFFDF8 à #ECE4AF

#FFFDF8 #ECE4AF

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

#FFFDF8 - #ECE4AF | 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 #FFFDF8 0% et #ECE4AF 100%.

0.0%	0.0% #FFFDF8	RVB 255 253 248	#FFFDF8
16.7%	16.7% #FBF8EB	RVB 251 248 235	#FBF8EB
33.3%	33.3% #F8F4DF	RVB 248 244 223	#F8F4DF
50.0%	50.0% #F5F0D3	RVB 245 240 211	#F5F0D3
66.7%	66.7% #F2ECC7	RVB 242 236 199	#F2ECC7
83.3%	83.3% #EFE8BB	RVB 239 232 187	#EFE8BB
100.0%	100.0% #ECE4AF	RVB 236 228 175	#ECE4AF

#FFFDF8 #FBF8EB #F8F4DF #F5F0D3 #F2ECC7 #EFE8BB #ECE4AF

#FFFDF8 - #ECE4AF

Mélange HSV

#FFFDF8 - #ECE4AF | 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 #FFFDF8 0% et #ECE4AF 100%.

0.0%	0.0% #FFFDF8	RVB 255 253 248	#FFFDF8
16.7%	16.7% #FBF7EB	RVB 251 247 235	#FBF7EB
33.3%	33.3% #F8F2DE	RVB 248 242 222	#F8F2DE
50.0%	50.0% #F5EED2	RVB 245 238 210	#F5EED2
66.7%	66.7% #F2EAC6	RVB 242 234 198	#F2EAC6
83.3%	83.3% #EFE6BA	RVB 239 230 186	#EFE6BA
100.0%	100.0% #ECE4AF	RVB 236 228 175	#ECE4AF

#FFFDF8 #FBF7EB #F8F2DE #F5EED2 #F2EAC6 #EFE6BA #ECE4AF

#FFFDF8 - #F5EED2 - #ECE4AF

Codes CSS

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

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