#E5E8D9 - #A8BD8A | 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 #E5E8D9 a #A8BD8A

#E5E8D9 #A8BD8A

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

#E5E8D9 - #A8BD8A | 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 #E5E8D9 como 0% y #A8BD8A como 100%.

0.0%	0.0% #E5E8D9	RGB 229 232 217	#E5E8D9
16.7%	16.7% #DAE0CB	RGB 218 224 203	#DAE0CB
33.3%	33.3% #D0D9BE	RGB 208 217 190	#D0D9BE
50.0%	50.0% #C6D2B1	RGB 198 210 177	#C6D2B1
66.7%	66.7% #BCCBA4	RGB 188 203 164	#BCCBA4
83.3%	83.3% #B2C497	RGB 178 196 151	#B2C497
100.0%	100.0% #A8BD8A	RGB 168 189 138	#A8BD8A

#E5E8D9 #DAE0CB #D0D9BE #C6D2B1 #BCCBA4 #B2C497 #A8BD8A

#E5E8D9 - #A8BD8A

Mezcla HSV

#E5E8D9 - #A8BD8A | 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 #E5E8D9 como 0% y #A8BD8A como 100%.

0.0%	0.0% #E5E8D9	RGB 229 232 217	#E5E8D9
16.7%	16.7% #DBE0CA	RGB 219 224 202	#DBE0CA
33.3%	33.3% #D1D9BC	RGB 209 217 188	#D1D9BC
50.0%	50.0% #C7D2AF	RGB 199 210 175	#C7D2AF
66.7%	66.7% #BDCBA2	RGB 189 203 162	#BDCBA2
83.3%	83.3% #B2C495	RGB 178 196 149	#B2C495
100.0%	100.0% #A8BD8A	RGB 168 189 138	#A8BD8A

#E5E8D9 #DBE0CA #D1D9BC #C7D2AF #BDCBA2 #B2C495 #A8BD8A

#E5E8D9 - #C7D2AF - #A8BD8A

Códigos CSS

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

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