#E3D5E2 - #F7FFDB | 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 #E3D5E2 à #F7FFDB

#E3D5E2 #F7FFDB

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

#E3D5E2 - #F7FFDB | 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 #E3D5E2 0% et #F7FFDB 100%.

0.0%	0.0% #E3D5E2	RVB 227 213 226	#E3D5E2
16.7%	16.7% #E6DCE0	RVB 230 220 224	#E6DCE0
33.3%	33.3% #E9E3DF	RVB 233 227 223	#E9E3DF
50.0%	50.0% #EDEADE	RVB 237 234 222	#EDEADE
66.7%	66.7% #F0F1DD	RVB 240 241 221	#F0F1DD
83.3%	83.3% #F3F8DC	RVB 243 248 220	#F3F8DC
100.0%	100.0% #F7FFDB	RVB 247 255 219	#F7FFDB

#E3D5E2 #E6DCE0 #E9E3DF #EDEADE #F0F1DD #F3F8DC #F7FFDB

#E3D5E2 - #F7FFDB

Mélange HSV

#E3D5E2 - #F7FFDB | 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 #E3D5E2 0% et #F7FFDB 100%.

0.0%	0.0% #E3D5E2	RVB 227 213 226	#E3D5E2
16.7%	16.7% #E7D6E0	RVB 231 214 224	#E7D6E0
33.3%	33.3% #ECD7DB	RVB 236 215 219	#ECD7DB
50.0%	50.0% #F1DCD8	RVB 241 220 216	#F1DCD8
66.7%	66.7% #F5E7D9	RVB 245 231 217	#F5E7D9
83.3%	83.3% #FAF5DA	RVB 250 245 218	#FAF5DA
100.0%	100.0% #F7FFDB	RVB 247 255 219	#F7FFDB

#E3D5E2 #E7D6E0 #ECD7DB #F1DCD8 #F5E7D9 #FAF5DA #F7FFDB

#E3D5E2 - #F1DCD8 - #F7FFDB

Codes CSS

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

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