#E5EEC1 - #ABCA6C | 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 #E5EEC1 a #ABCA6C

#E5EEC1 #ABCA6C

Calcule el color entre dos colores, #E5EEC1 y #ABCA6C. 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)

#E5EEC1 - #ABCA6C | 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 #E5EEC1 como 0% y #ABCA6C como 100%.

0.0%	0.0% #E5EEC1	RGB 229 238 193	#E5EEC1
16.7%	16.7% #DBE8B2	RGB 219 232 178	#DBE8B2
33.3%	33.3% #D1E2A4	RGB 209 226 164	#D1E2A4
50.0%	50.0% #C8DC96	RGB 200 220 150	#C8DC96
66.7%	66.7% #BED688	RGB 190 214 136	#BED688
83.3%	83.3% #B4D07A	RGB 180 208 122	#B4D07A
100.0%	100.0% #ABCA6C	RGB 171 202 108	#ABCA6C

#E5EEC1 #DBE8B2 #D1E2A4 #C8DC96 #BED688 #B4D07A #ABCA6C

#E5EEC1 - #ABCA6C

Mezcla HSV

#E5EEC1 - #ABCA6C | 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 #E5EEC1 como 0% y #ABCA6C como 100%.

0.0%	0.0% #E5EEC1	RGB 229 238 193	#E5EEC1
16.7%	16.7% #DBE8B1	RGB 219 232 177	#DBE8B1
33.3%	33.3% #D2E2A2	RGB 210 226 162	#D2E2A2
50.0%	50.0% #C8DC94	RGB 200 220 148	#C8DC94
66.7%	66.7% #BFD686	RGB 191 214 134	#BFD686
83.3%	83.3% #B5D078	RGB 181 208 120	#B5D078
100.0%	100.0% #ABCA6C	RGB 171 202 108	#ABCA6C

#E5EEC1 #DBE8B1 #D2E2A2 #C8DC94 #BFD686 #B5D078 #ABCA6C

#E5EEC1 - #C8DC94 - #ABCA6C

Códigos CSS

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

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