#EDF3E4 - #EFF3E6 | 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 #EDF3E4 à #EFF3E6

#EDF3E4 #EFF3E6

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

#EDF3E4 - #EFF3E6 | 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 #EDF3E4 0% et #EFF3E6 100%.

0.0%	0.0% #EDF3E4	RVB 237 243 228	#EDF3E4
16.7%	16.7% #EDF3E4	RVB 237 243 228	#EDF3E4
33.3%	33.3% #EDF3E4	RVB 237 243 228	#EDF3E4
50.0%	50.0% #EEF3E5	RVB 238 243 229	#EEF3E5
66.7%	66.7% #EEF3E5	RVB 238 243 229	#EEF3E5
83.3%	83.3% #EEF3E5	RVB 238 243 229	#EEF3E5
100.0%	100.0% #EFF3E6	RVB 239 243 230	#EFF3E6

#EDF3E4 #EDF3E4 #EDF3E4 #EEF3E5 #EEF3E5 #EEF3E5 #EFF3E6

#EDF3E4 - #EFF3E6

Mélange HSV

#EDF3E4 - #EFF3E6 | 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 #EDF3E4 0% et #EFF3E6 100%.

0.0%	0.0% #EDF3E4	RVB 237 243 228	#EDF3E4
16.7%	16.7% #EDF3E4	RVB 237 243 228	#EDF3E4
33.3%	33.3% #EDF3E4	RVB 237 243 228	#EDF3E4
50.0%	50.0% #EEF3E5	RVB 238 243 229	#EEF3E5
66.7%	66.7% #EEF3E5	RVB 238 243 229	#EEF3E5
83.3%	83.3% #EEF3E5	RVB 238 243 229	#EEF3E5
100.0%	100.0% #EFF3E6	RVB 239 243 230	#EFF3E6

#EDF3E4 #EDF3E4 #EDF3E4 #EEF3E5 #EEF3E5 #EEF3E5 #EFF3E6

#EDF3E4 - #EEF3E5 - #EFF3E6

Codes CSS

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

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