#DBD8C0 - #FFF1D1 | 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 #DBD8C0 a #FFF1D1

#DBD8C0 #FFF1D1

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

#DBD8C0 - #FFF1D1 | 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 #DBD8C0 como 0% y #FFF1D1 como 100%.

0.0%	0.0% #DBD8C0	RGB 219 216 192	#DBD8C0
16.7%	16.7% #E1DCC2	RGB 225 220 194	#E1DCC2
33.3%	33.3% #E7E0C5	RGB 231 224 197	#E7E0C5
50.0%	50.0% #EDE4C8	RGB 237 228 200	#EDE4C8
66.7%	66.7% #F3E8CB	RGB 243 232 203	#F3E8CB
83.3%	83.3% #F9ECCE	RGB 249 236 206	#F9ECCE
100.0%	100.0% #FFF1D1	RGB 255 241 209	#FFF1D1

#DBD8C0 #E1DCC2 #E7E0C5 #EDE4C8 #F3E8CB #F9ECCE #FFF1D1

#DBD8C0 - #FFF1D1

Mezcla HSV

#DBD8C0 - #FFF1D1 | 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 #DBD8C0 como 0% y #FFF1D1 como 100%.

0.0%	0.0% #DBD8C0	RGB 219 216 192	#DBD8C0
16.7%	16.7% #E1DCC3	RGB 225 220 195	#E1DCC3
33.3%	33.3% #E7E1C6	RGB 231 225 198	#E7E1C6
50.0%	50.0% #EDE5C9	RGB 237 229 201	#EDE5C9
66.7%	66.7% #F3E9CB	RGB 243 233 203	#F3E9CB
83.3%	83.3% #F9EDCE	RGB 249 237 206	#F9EDCE
100.0%	100.0% #FFF1D1	RGB 255 241 209	#FFF1D1

#DBD8C0 #E1DCC3 #E7E1C6 #EDE5C9 #F3E9CB #F9EDCE #FFF1D1

#DBD8C0 - #EDE5C9 - #FFF1D1

Códigos CSS

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

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