#EEECDF - #EAEECE | 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 #EEECDF à #EAEECE

#EEECDF #EAEECE

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

#EEECDF - #EAEECE | 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 #EEECDF 0% et #EAEECE 100%.

0.0%	0.0% #EEECDF	RVB 238 236 223	#EEECDF
16.7%	16.7% #EDECDC	RVB 237 236 220	#EDECDC
33.3%	33.3% #ECECD9	RVB 236 236 217	#ECECD9
50.0%	50.0% #ECEDD6	RVB 236 237 214	#ECEDD6
66.7%	66.7% #EBEDD3	RVB 235 237 211	#EBEDD3
83.3%	83.3% #EAEDD0	RVB 234 237 208	#EAEDD0
100.0%	100.0% #EAEECE	RVB 234 238 206	#EAEECE

#EEECDF #EDECDC #ECECD9 #ECEDD6 #EBEDD3 #EAEDD0 #EAEECE

#EEECDF - #EAEECE

Mélange HSV

#EEECDF - #EAEECE | 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 #EEECDF 0% et #EAEECE 100%.

0.0%	0.0% #EEECDF	RVB 238 236 223	#EEECDF
16.7%	16.7% #EEECDC	RVB 238 236 220	#EEECDC
33.3%	33.3% #EEEDD9	RVB 238 237 217	#EEEDD9
50.0%	50.0% #EEEDD6	RVB 238 237 214	#EEEDD6
66.7%	66.7% #ECEED3	RVB 236 238 211	#ECEED3
83.3%	83.3% #EBEED0	RVB 235 238 208	#EBEED0
100.0%	100.0% #EAEECE	RVB 234 238 206	#EAEECE

#EEECDF #EEECDC #EEEDD9 #EEEDD6 #ECEED3 #EBEED0 #EAEECE

#EEECDF - #EEEDD6 - #EAEECE

Codes CSS

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

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