#E5E5E3 - #F1FFF2 | 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 #E5E5E3 à #F1FFF2

#E5E5E3 #F1FFF2

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

#E5E5E3 - #F1FFF2 | 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 #E5E5E3 0% et #F1FFF2 100%.

0.0%	0.0% #E5E5E3	RVB 229 229 227	#E5E5E3
16.7%	16.7% #E7E9E5	RVB 231 233 229	#E7E9E5
33.3%	33.3% #E9EDE8	RVB 233 237 232	#E9EDE8
50.0%	50.0% #EBF2EA	RVB 235 242 234	#EBF2EA
66.7%	66.7% #EDF6ED	RVB 237 246 237	#EDF6ED
83.3%	83.3% #EFFAEF	RVB 239 250 239	#EFFAEF
100.0%	100.0% #F1FFF2	RVB 241 255 242	#F1FFF2

#E5E5E3 #E7E9E5 #E9EDE8 #EBF2EA #EDF6ED #EFFAEF #F1FFF2

#E5E5E3 - #F1FFF2

Mélange HSV

#E5E5E3 - #F1FFF2 | 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 #E5E5E3 0% et #F1FFF2 100%.

0.0%	0.0% #E5E5E3	RVB 229 229 227	#E5E5E3
16.7%	16.7% #E8E9E5	RVB 232 233 229	#E8E9E5
33.3%	33.3% #EBEDE7	RVB 235 237 231	#EBEDE7
50.0%	50.0% #EDF2EA	RVB 237 242 234	#EDF2EA
66.7%	66.7% #EFF6EC	RVB 239 246 236	#EFF6EC
83.3%	83.3% #F0FAEE	RVB 240 250 238	#F0FAEE
100.0%	100.0% #F1FFF2	RVB 241 255 242	#F1FFF2

#E5E5E3 #E8E9E5 #EBEDE7 #EDF2EA #EFF6EC #F0FAEE #F1FFF2

#E5E5E3 - #EDF2EA - #F1FFF2

Codes CSS

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

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