#ECE6E3 - #FDFFF0 | 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 #ECE6E3 à #FDFFF0

#ECE6E3 #FDFFF0

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

#ECE6E3 - #FDFFF0 | 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 #ECE6E3 0% et #FDFFF0 100%.

0.0%	0.0% #ECE6E3	RVB 236 230 227	#ECE6E3
16.7%	16.7% #EEEAE5	RVB 238 234 229	#EEEAE5
33.3%	33.3% #F1EEE7	RVB 241 238 231	#F1EEE7
50.0%	50.0% #F4F2E9	RVB 244 242 233	#F4F2E9
66.7%	66.7% #F7F6EB	RVB 247 246 235	#F7F6EB
83.3%	83.3% #FAFAED	RVB 250 250 237	#FAFAED
100.0%	100.0% #FDFFF0	RVB 253 255 240	#FDFFF0

#ECE6E3 #EEEAE5 #F1EEE7 #F4F2E9 #F7F6EB #FAFAED #FDFFF0

#ECE6E3 - #FDFFF0

Mélange HSV

#ECE6E3 - #FDFFF0 | 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 #ECE6E3 0% et #FDFFF0 100%.

0.0%	0.0% #ECE6E3	RVB 236 230 227	#ECE6E3
16.7%	16.7% #EFE9E5	RVB 239 233 229	#EFE9E5
33.3%	33.3% #F2EDE7	RVB 242 237 231	#F2EDE7
50.0%	50.0% #F5F2E9	RVB 245 242 233	#F5F2E9
66.7%	66.7% #F8F6EB	RVB 248 246 235	#F8F6EB
83.3%	83.3% #FBFBED	RVB 251 251 237	#FBFBED
100.0%	100.0% #FDFFF0	RVB 253 255 240	#FDFFF0

#ECE6E3 #EFE9E5 #F2EDE7 #F5F2E9 #F8F6EB #FBFBED #FDFFF0

#ECE6E3 - #F5F2E9 - #FDFFF0

Codes CSS

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

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