#E6C0BC - #E5E7E6 | 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 #E6C0BC a #E5E7E6

#E6C0BC #E5E7E6

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

#E6C0BC - #E5E7E6 | 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 #E6C0BC como 0% y #E5E7E6 como 100%.

0.0%	0.0% #E6C0BC	RGB 230 192 188	#E6C0BC
16.7%	16.7% #E5C6C3	RGB 229 198 195	#E5C6C3
33.3%	33.3% #E5CDCA	RGB 229 205 202	#E5CDCA
50.0%	50.0% #E5D3D1	RGB 229 211 209	#E5D3D1
66.7%	66.7% #E5DAD8	RGB 229 218 216	#E5DAD8
83.3%	83.3% #E5E0DF	RGB 229 224 223	#E5E0DF
100.0%	100.0% #E5E7E6	RGB 229 231 230	#E5E7E6

#E6C0BC #E5C6C3 #E5CDCA #E5D3D1 #E5DAD8 #E5E0DF #E5E7E6

#E6C0BC - #E5E7E6

Mezcla HSV

#E6C0BC - #E5E7E6 | 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 #E6C0BC como 0% y #E5E7E6 como 100%.

0.0%	0.0% #E6C0BC	RGB 230 192 188	#E6C0BC
16.7%	16.7% #E6D4C2	RGB 230 212 194	#E6D4C2
33.3%	33.3% #E6E3C9	RGB 230 227 201	#E6E3C9
50.0%	50.0% #DFE6D0	RGB 223 230 208	#DFE6D0
66.7%	66.7% #DBE6D7	RGB 219 230 215	#DBE6D7
83.3%	83.3% #DEE6DF	RGB 222 230 223	#DEE6DF
100.0%	100.0% #E5E7E6	RGB 229 231 230	#E5E7E6

#E6C0BC #E6D4C2 #E6E3C9 #DFE6D0 #DBE6D7 #DEE6DF #E5E7E6

#E6C0BC - #DFE6D0 - #E5E7E6

Códigos CSS

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

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