#E5E5E2 - #FDF5E9 | 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 #E5E5E2 à #FDF5E9

#E5E5E2 #FDF5E9

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

#E5E5E2 - #FDF5E9 | 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 #E5E5E2 0% et #FDF5E9 100%.

0.0%	0.0% #E5E5E2	RVB 229 229 226	#E5E5E2
16.7%	16.7% #E9E7E3	RVB 233 231 227	#E9E7E3
33.3%	33.3% #EDEAE4	RVB 237 234 228	#EDEAE4
50.0%	50.0% #F1EDE5	RVB 241 237 229	#F1EDE5
66.7%	66.7% #F5EFE6	RVB 245 239 230	#F5EFE6
83.3%	83.3% #F9F2E7	RVB 249 242 231	#F9F2E7
100.0%	100.0% #FDF5E9	RVB 253 245 233	#FDF5E9

#E5E5E2 #E9E7E3 #EDEAE4 #F1EDE5 #F5EFE6 #F9F2E7 #FDF5E9

#E5E5E2 - #FDF5E9

Mélange HSV

#E5E5E2 - #FDF5E9 | 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 #E5E5E2 0% et #FDF5E9 100%.

0.0%	0.0% #E5E5E2	RVB 229 229 226	#E5E5E2
16.7%	16.7% #E9E8E3	RVB 233 232 227	#E9E8E3
33.3%	33.3% #EDEBE4	RVB 237 235 228	#EDEBE4
50.0%	50.0% #F1EEE5	RVB 241 238 229	#F1EEE5
66.7%	66.7% #F5F1E7	RVB 245 241 231	#F5F1E7
83.3%	83.3% #F9F3E8	RVB 249 243 232	#F9F3E8
100.0%	100.0% #FDF5E9	RVB 253 245 233	#FDF5E9

#E5E5E2 #E9E8E3 #EDEBE4 #F1EEE5 #F5F1E7 #F9F3E8 #FDF5E9

#E5E5E2 - #F1EEE5 - #FDF5E9

Codes CSS

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

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