#E2EBDA - #ACDB8C | 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 #E2EBDA a #ACDB8C

#E2EBDA #ACDB8C

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

#E2EBDA - #ACDB8C | 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 #E2EBDA como 0% y #ACDB8C como 100%.

0.0%	0.0% #E2EBDA	RGB 226 235 218	#E2EBDA
16.7%	16.7% #D9E8CD	RGB 217 232 205	#D9E8CD
33.3%	33.3% #D0E5C0	RGB 208 229 192	#D0E5C0
50.0%	50.0% #C7E3B3	RGB 199 227 179	#C7E3B3
66.7%	66.7% #BEE0A6	RGB 190 224 166	#BEE0A6
83.3%	83.3% #B5DD99	RGB 181 221 153	#B5DD99
100.0%	100.0% #ACDB8C	RGB 172 219 140	#ACDB8C

#E2EBDA #D9E8CD #D0E5C0 #C7E3B3 #BEE0A6 #B5DD99 #ACDB8C

#E2EBDA - #ACDB8C

Mezcla HSV

#E2EBDA - #ACDB8C | 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 #E2EBDA como 0% y #ACDB8C como 100%.

0.0%	0.0% #E2EBDA	RGB 226 235 218	#E2EBDA
16.7%	16.7% #D9E8CC	RGB 217 232 204	#D9E8CC
33.3%	33.3% #D0E5BE	RGB 208 229 190	#D0E5BE
50.0%	50.0% #C7E3B1	RGB 199 227 177	#C7E3B1
66.7%	66.7% #BEE0A4	RGB 190 224 164	#BEE0A4
83.3%	83.3% #B5DD98	RGB 181 221 152	#B5DD98
100.0%	100.0% #ACDB8C	RGB 172 219 140	#ACDB8C

#E2EBDA #D9E8CC #D0E5BE #C7E3B1 #BEE0A4 #B5DD98 #ACDB8C

#E2EBDA - #C7E3B1 - #ACDB8C

Códigos CSS

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

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