#E8ECE1 - #A8C495 | 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 #E8ECE1 a #A8C495

#E8ECE1 #A8C495

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

#E8ECE1 - #A8C495 | 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 #E8ECE1 como 0% y #A8C495 como 100%.

0.0%	0.0% #E8ECE1	RGB 232 236 225	#E8ECE1
16.7%	16.7% #DDE5D4	RGB 221 229 212	#DDE5D4
33.3%	33.3% #D2DEC7	RGB 210 222 199	#D2DEC7
50.0%	50.0% #C8D8BB	RGB 200 216 187	#C8D8BB
66.7%	66.7% #BDD1AE	RGB 189 209 174	#BDD1AE
83.3%	83.3% #B2CAA1	RGB 178 202 161	#B2CAA1
100.0%	100.0% #A8C495	RGB 168 196 149	#A8C495

#E8ECE1 #DDE5D4 #D2DEC7 #C8D8BB #BDD1AE #B2CAA1 #A8C495

#E8ECE1 - #A8C495

Mezcla HSV

#E8ECE1 - #A8C495 | 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 #E8ECE1 como 0% y #A8C495 como 100%.

0.0%	0.0% #E8ECE1	RGB 232 236 225	#E8ECE1
16.7%	16.7% #DEE5D3	RGB 222 229 211	#DEE5D3
33.3%	33.3% #D3DEC5	RGB 211 222 197	#D3DEC5
50.0%	50.0% #C9D8B9	RGB 201 216 185	#C9D8B9
66.7%	66.7% #BED1AC	RGB 190 209 172	#BED1AC
83.3%	83.3% #B3CAA0	RGB 179 202 160	#B3CAA0
100.0%	100.0% #A8C495	RGB 168 196 149	#A8C495

#E8ECE1 #DEE5D3 #D3DEC5 #C9D8B9 #BED1AC #B3CAA0 #A8C495

#E8ECE1 - #C9D8B9 - #A8C495

Códigos CSS

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

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