#E6E6D1 - #FFF5DE | 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 #E6E6D1 a #FFF5DE

#E6E6D1 #FFF5DE

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

#E6E6D1 - #FFF5DE | 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 #E6E6D1 como 0% y #FFF5DE como 100%.

0.0%	0.0% #E6E6D1	RGB 230 230 209	#E6E6D1
16.7%	16.7% #EAE8D3	RGB 234 232 211	#EAE8D3
33.3%	33.3% #EEEBD5	RGB 238 235 213	#EEEBD5
50.0%	50.0% #F2EDD7	RGB 242 237 215	#F2EDD7
66.7%	66.7% #F6F0D9	RGB 246 240 217	#F6F0D9
83.3%	83.3% #FAF2DB	RGB 250 242 219	#FAF2DB
100.0%	100.0% #FFF5DE	RGB 255 245 222	#FFF5DE

#E6E6D1 #EAE8D3 #EEEBD5 #F2EDD7 #F6F0D9 #FAF2DB #FFF5DE

#E6E6D1 - #FFF5DE

Mezcla HSV

#E6E6D1 - #FFF5DE | 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 #E6E6D1 como 0% y #FFF5DE como 100%.

0.0%	0.0% #E6E6D1	RGB 230 230 209	#E6E6D1
16.7%	16.7% #EAE9D3	RGB 234 233 211	#EAE9D3
33.3%	33.3% #EEEBD5	RGB 238 235 213	#EEEBD5
50.0%	50.0% #F2EED7	RGB 242 238 215	#F2EED7
66.7%	66.7% #F6F0D9	RGB 246 240 217	#F6F0D9
83.3%	83.3% #FAF3DB	RGB 250 243 219	#FAF3DB
100.0%	100.0% #FFF5DE	RGB 255 245 222	#FFF5DE

#E6E6D1 #EAE9D3 #EEEBD5 #F2EED7 #F6F0D9 #FAF3DB #FFF5DE

#E6E6D1 - #F2EED7 - #FFF5DE

Códigos CSS

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

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