#E5EAC8 - #ABC175 | 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 #E5EAC8 a #ABC175

#E5EAC8 #ABC175

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

#E5EAC8 - #ABC175 | 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 #E5EAC8 como 0% y #ABC175 como 100%.

0.0%	0.0% #E5EAC8	RGB 229 234 200	#E5EAC8
16.7%	16.7% #DBE3BA	RGB 219 227 186	#DBE3BA
33.3%	33.3% #D1DCAC	RGB 209 220 172	#D1DCAC
50.0%	50.0% #C8D59E	RGB 200 213 158	#C8D59E
66.7%	66.7% #BECE90	RGB 190 206 144	#BECE90
83.3%	83.3% #B4C782	RGB 180 199 130	#B4C782
100.0%	100.0% #ABC175	RGB 171 193 117	#ABC175

#E5EAC8 #DBE3BA #D1DCAC #C8D59E #BECE90 #B4C782 #ABC175

#E5EAC8 - #ABC175

Mezcla HSV

#E5EAC8 - #ABC175 | 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 #E5EAC8 como 0% y #ABC175 como 100%.

0.0%	0.0% #E5EAC8	RGB 229 234 200	#E5EAC8
16.7%	16.7% #DBE3B8	RGB 219 227 184	#DBE3B8
33.3%	33.3% #D2DCAA	RGB 210 220 170	#D2DCAA
50.0%	50.0% #C8D59B	RGB 200 213 155	#C8D59B
66.7%	66.7% #BFCE8E	RGB 191 206 142	#BFCE8E
83.3%	83.3% #B5C781	RGB 181 199 129	#B5C781
100.0%	100.0% #ABC175	RGB 171 193 117	#ABC175

#E5EAC8 #DBE3B8 #D2DCAA #C8D59B #BFCE8E #B5C781 #ABC175

#E5EAC8 - #C8D59B - #ABC175

Códigos CSS

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

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