#E2D0CD - #E7E5E6 | 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 #E2D0CD a #E7E5E6

#E2D0CD #E7E5E6

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

#E2D0CD - #E7E5E6 | 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 #E2D0CD como 0% y #E7E5E6 como 100%.

0.0%	0.0% #E2D0CD	RGB 226 208 205	#E2D0CD
16.7%	16.7% #E2D3D1	RGB 226 211 209	#E2D3D1
33.3%	33.3% #E3D7D5	RGB 227 215 213	#E3D7D5
50.0%	50.0% #E4DAD9	RGB 228 218 217	#E4DAD9
66.7%	66.7% #E5DEDD	RGB 229 222 221	#E5DEDD
83.3%	83.3% #E6E1E1	RGB 230 225 225	#E6E1E1
100.0%	100.0% #E7E5E6	RGB 231 229 230	#E7E5E6

#E2D0CD #E2D3D1 #E3D7D5 #E4DAD9 #E5DEDD #E6E1E1 #E7E5E6

#E2D0CD - #E7E5E6

Mezcla HSV

#E2D0CD - #E7E5E6 | 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 #E2D0CD como 0% y #E7E5E6 como 100%.

0.0%	0.0% #E2D0CD	RGB 226 208 205	#E2D0CD
16.7%	16.7% #E2D1D0	RGB 226 209 208	#E2D1D0
33.3%	33.3% #E3D4D5	RGB 227 212 213	#E3D4D5
50.0%	50.0% #E4D8DA	RGB 228 216 218	#E4D8DA
66.7%	66.7% #E5DCDF	RGB 229 220 223	#E5DCDF
83.3%	83.3% #E6E0E2	RGB 230 224 226	#E6E0E2
100.0%	100.0% #E7E5E6	RGB 231 229 230	#E7E5E6

#E2D0CD #E2D1D0 #E3D4D5 #E4D8DA #E5DCDF #E6E0E2 #E7E5E6

#E2D0CD - #E4D8DA - #E7E5E6

Códigos CSS

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

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