#EFDAB2 - #FEF6D0 | 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 #EFDAB2 a #FEF6D0

#EFDAB2 #FEF6D0

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

#EFDAB2 - #FEF6D0 | 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 #EFDAB2 como 0% y #FEF6D0 como 100%.

0.0%	0.0% #EFDAB2	RGB 239 218 178	#EFDAB2
16.7%	16.7% #F1DEB7	RGB 241 222 183	#F1DEB7
33.3%	33.3% #F4E3BC	RGB 244 227 188	#F4E3BC
50.0%	50.0% #F6E8C1	RGB 246 232 193	#F6E8C1
66.7%	66.7% #F9ECC6	RGB 249 236 198	#F9ECC6
83.3%	83.3% #FBF1CB	RGB 251 241 203	#FBF1CB
100.0%	100.0% #FEF6D0	RGB 254 246 208	#FEF6D0

#EFDAB2 #F1DEB7 #F4E3BC #F6E8C1 #F9ECC6 #FBF1CB #FEF6D0

#EFDAB2 - #FEF6D0

Mezcla HSV

#EFDAB2 - #FEF6D0 | 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 #EFDAB2 como 0% y #FEF6D0 como 100%.

0.0%	0.0% #EFDAB2	RGB 239 218 178	#EFDAB2
16.7%	16.7% #F1DEB6	RGB 241 222 182	#F1DEB6
33.3%	33.3% #F4E3BB	RGB 244 227 187	#F4E3BB
50.0%	50.0% #F6E8C0	RGB 246 232 192	#F6E8C0
66.7%	66.7% #F9EDC5	RGB 249 237 197	#F9EDC5
83.3%	83.3% #FBF1CA	RGB 251 241 202	#FBF1CA
100.0%	100.0% #FEF6D0	RGB 254 246 208	#FEF6D0

#EFDAB2 #F1DEB6 #F4E3BB #F6E8C0 #F9EDC5 #FBF1CA #FEF6D0

#EFDAB2 - #F6E8C0 - #FEF6D0

Códigos CSS

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

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