#E5EEC3 - #ABCA6F | 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 #E5EEC3 a #ABCA6F

#E5EEC3 #ABCA6F

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

#E5EEC3 - #ABCA6F | 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 #E5EEC3 como 0% y #ABCA6F como 100%.

0.0%	0.0% #E5EEC3	RGB 229 238 195	#E5EEC3
16.7%	16.7% #DBE8B5	RGB 219 232 181	#DBE8B5
33.3%	33.3% #D1E2A7	RGB 209 226 167	#D1E2A7
50.0%	50.0% #C8DC99	RGB 200 220 153	#C8DC99
66.7%	66.7% #BED68B	RGB 190 214 139	#BED68B
83.3%	83.3% #B4D07D	RGB 180 208 125	#B4D07D
100.0%	100.0% #ABCA6F	RGB 171 202 111	#ABCA6F

#E5EEC3 #DBE8B5 #D1E2A7 #C8DC99 #BED68B #B4D07D #ABCA6F

#E5EEC3 - #ABCA6F

Mezcla HSV

#E5EEC3 - #ABCA6F | 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 #E5EEC3 como 0% y #ABCA6F como 100%.

0.0%	0.0% #E5EEC3	RGB 229 238 195	#E5EEC3
16.7%	16.7% #DBE8B3	RGB 219 232 179	#DBE8B3
33.3%	33.3% #D2E2A4	RGB 210 226 164	#D2E2A4
50.0%	50.0% #C8DC96	RGB 200 220 150	#C8DC96
66.7%	66.7% #BFD688	RGB 191 214 136	#BFD688
83.3%	83.3% #B5D07B	RGB 181 208 123	#B5D07B
100.0%	100.0% #ABCA6F	RGB 171 202 111	#ABCA6F

#E5EEC3 #DBE8B3 #D2E2A4 #C8DC96 #BFD688 #B5D07B #ABCA6F

#E5EEC3 - #C8DC96 - #ABCA6F

Códigos CSS

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

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