#ABC27E - #E7EDDA | 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 #ABC27E a #E7EDDA

#ABC27E #E7EDDA

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

#ABC27E - #E7EDDA | 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 #ABC27E como 0% y #E7EDDA como 100%.

0.0%	0.0% #ABC27E	RGB 171 194 126	#ABC27E
16.7%	16.7% #B5C98D	RGB 181 201 141	#B5C98D
33.3%	33.3% #BFD09C	RGB 191 208 156	#BFD09C
50.0%	50.0% #C9D7AC	RGB 201 215 172	#C9D7AC
66.7%	66.7% #D3DEBB	RGB 211 222 187	#D3DEBB
83.3%	83.3% #DDE5CA	RGB 221 229 202	#DDE5CA
100.0%	100.0% #E7EDDA	RGB 231 237 218	#E7EDDA

#ABC27E #B5C98D #BFD09C #C9D7AC #D3DEBB #DDE5CA #E7EDDA

#ABC27E - #E7EDDA

Mezcla HSV

#ABC27E - #E7EDDA | 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 #ABC27E como 0% y #E7EDDA como 100%.

0.0%	0.0% #ABC27E	RGB 171 194 126	#ABC27E
16.7%	16.7% #B4C98B	RGB 180 201 139	#B4C98B
33.3%	33.3% #BED09A	RGB 190 208 154	#BED09A
50.0%	50.0% #C8D7A9	RGB 200 215 169	#C8D7A9
66.7%	66.7% #D2DEB8	RGB 210 222 184	#D2DEB8
83.3%	83.3% #DCE5C9	RGB 220 229 201	#DCE5C9
100.0%	100.0% #E7EDDA	RGB 231 237 218	#E7EDDA

#ABC27E #B4C98B #BED09A #C8D7A9 #D2DEB8 #DCE5C9 #E7EDDA

#ABC27E - #C8D7A9 - #E7EDDA

Códigos CSS

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

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