#E5E5D3 - #FFF4DF | 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 #E5E5D3 a #FFF4DF

#E5E5D3 #FFF4DF

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

#E5E5D3 - #FFF4DF | 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 #E5E5D3 como 0% y #FFF4DF como 100%.

0.0%	0.0% #E5E5D3	RGB 229 229 211	#E5E5D3
16.7%	16.7% #E9E7D5	RGB 233 231 213	#E9E7D5
33.3%	33.3% #EDEAD7	RGB 237 234 215	#EDEAD7
50.0%	50.0% #F2ECD9	RGB 242 236 217	#F2ECD9
66.7%	66.7% #F6EFDB	RGB 246 239 219	#F6EFDB
83.3%	83.3% #FAF1DD	RGB 250 241 221	#FAF1DD
100.0%	100.0% #FFF4DF	RGB 255 244 223	#FFF4DF

#E5E5D3 #E9E7D5 #EDEAD7 #F2ECD9 #F6EFDB #FAF1DD #FFF4DF

#E5E5D3 - #FFF4DF

Mezcla HSV

#E5E5D3 - #FFF4DF | 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 #E5E5D3 como 0% y #FFF4DF como 100%.

0.0%	0.0% #E5E5D3	RGB 229 229 211	#E5E5D3
16.7%	16.7% #E9E8D5	RGB 233 232 213	#E9E8D5
33.3%	33.3% #EDEBD7	RGB 237 235 215	#EDEBD7
50.0%	50.0% #F2EDD9	RGB 242 237 217	#F2EDD9
66.7%	66.7% #F6F0DB	RGB 246 240 219	#F6F0DB
83.3%	83.3% #FAF2DD	RGB 250 242 221	#FAF2DD
100.0%	100.0% #FFF4DF	RGB 255 244 223	#FFF4DF

#E5E5D3 #E9E8D5 #EDEBD7 #F2EDD9 #F6F0DB #FAF2DD #FFF4DF

#E5E5D3 - #F2EDD9 - #FFF4DF

Códigos CSS

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

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