#E5E6D9 - #ABB78A | 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 #E5E6D9 a #ABB78A

#E5E6D9 #ABB78A

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

#E5E6D9 - #ABB78A | 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 #E5E6D9 como 0% y #ABB78A como 100%.

0.0%	0.0% #E5E6D9	RGB 229 230 217	#E5E6D9
16.7%	16.7% #DBDECB	RGB 219 222 203	#DBDECB
33.3%	33.3% #D1D6BE	RGB 209 214 190	#D1D6BE
50.0%	50.0% #C8CEB1	RGB 200 206 177	#C8CEB1
66.7%	66.7% #BEC6A4	RGB 190 198 164	#BEC6A4
83.3%	83.3% #B4BE97	RGB 180 190 151	#B4BE97
100.0%	100.0% #ABB78A	RGB 171 183 138	#ABB78A

#E5E6D9 #DBDECB #D1D6BE #C8CEB1 #BEC6A4 #B4BE97 #ABB78A

#E5E6D9 - #ABB78A

Mezcla HSV

#E5E6D9 - #ABB78A | 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 #E5E6D9 como 0% y #ABB78A como 100%.

0.0%	0.0% #E5E6D9	RGB 229 230 217	#E5E6D9
16.7%	16.7% #DCDECA	RGB 220 222 202	#DCDECA
33.3%	33.3% #D2D6BC	RGB 210 214 188	#D2D6BC
50.0%	50.0% #C9CEAF	RGB 201 206 175	#C9CEAF
66.7%	66.7% #BFC6A2	RGB 191 198 162	#BFC6A2
83.3%	83.3% #B5BE95	RGB 181 190 149	#B5BE95
100.0%	100.0% #ABB78A	RGB 171 183 138	#ABB78A

#E5E6D9 #DCDECA #D2D6BC #C9CEAF #BFC6A2 #B5BE95 #ABB78A

#E5E6D9 - #C9CEAF - #ABB78A

Códigos CSS

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

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