#ECEFE8 - #ABC99E | 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 #ECEFE8 à #ABC99E

#ECEFE8 #ABC99E

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

#ECEFE8 - #ABC99E | 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 #ECEFE8 0% et #ABC99E 100%.

0.0%	0.0% #ECEFE8	RVB 236 239 232	#ECEFE8
16.7%	16.7% #E1E8DB	RVB 225 232 219	#E1E8DB
33.3%	33.3% #D6E2CF	RVB 214 226 207	#D6E2CF
50.0%	50.0% #CBDCC3	RVB 203 220 195	#CBDCC3
66.7%	66.7% #C0D5B6	RVB 192 213 182	#C0D5B6
83.3%	83.3% #B5CFAA	RVB 181 207 170	#B5CFAA
100.0%	100.0% #ABC99E	RVB 171 201 158	#ABC99E

#ECEFE8 #E1E8DB #D6E2CF #CBDCC3 #C0D5B6 #B5CFAA #ABC99E

#ECEFE8 - #ABC99E

Mélange HSV

#ECEFE8 - #ABC99E | 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 #ECEFE8 0% et #ABC99E 100%.

0.0%	0.0% #ECEFE8	RVB 236 239 232	#ECEFE8
16.7%	16.7% #E2E8DA	RVB 226 232 218	#E2E8DA
33.3%	33.3% #D7E2CD	RVB 215 226 205	#D7E2CD
50.0%	50.0% #CCDCC1	RVB 204 220 193	#CCDCC1
66.7%	66.7% #C1D5B5	RVB 193 213 181	#C1D5B5
83.3%	83.3% #B6CFA9	RVB 182 207 169	#B6CFA9
100.0%	100.0% #ABC99E	RVB 171 201 158	#ABC99E

#ECEFE8 #E2E8DA #D7E2CD #CCDCC1 #C1D5B5 #B6CFA9 #ABC99E

#ECEFE8 - #CCDCC1 - #ABC99E

Codes CSS

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

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