#ECEFE8 - #ABC99E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ECEFE8 a #ABC99E

#ECEFE8 #ABC99E

Calcule el color entre dos colores, #ECEFE8 y #ABC99E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ECEFE8 - #ABC99E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ECEFE8 como 0% y #ABC99E como 100%.

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

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

#ECEFE8 - #ABC99E

Mezcla HSV

#ECEFE8 - #ABC99E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ECEFE8 como 0% y #ABC99E como 100%.

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

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

#ECEFE8 - #CCDCC1 - #ABC99E

Códigos 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>