#FDF5E7 - #E8C89B | 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 #FDF5E7 a #E8C89B

#FDF5E7 #E8C89B

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

#FDF5E7 - #E8C89B | 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 #FDF5E7 como 0% y #E8C89B como 100%.

0.0%	0.0% #FDF5E7	RGB 253 245 231	#FDF5E7
16.7%	16.7% #F9EDDA	RGB 249 237 218	#F9EDDA
33.3%	33.3% #F6E6CD	RGB 246 230 205	#F6E6CD
50.0%	50.0% #F2DEC1	RGB 242 222 193	#F2DEC1
66.7%	66.7% #EFD7B4	RGB 239 215 180	#EFD7B4
83.3%	83.3% #EBCFA7	RGB 235 207 167	#EBCFA7
100.0%	100.0% #E8C89B	RGB 232 200 155	#E8C89B

#FDF5E7 #F9EDDA #F6E6CD #F2DEC1 #EFD7B4 #EBCFA7 #E8C89B

#FDF5E7 - #E8C89B

Mezcla HSV

#FDF5E7 - #E8C89B | 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 #FDF5E7 como 0% y #E8C89B como 100%.

0.0%	0.0% #FDF5E7	RGB 253 245 231	#FDF5E7
16.7%	16.7% #F9EDD9	RGB 249 237 217	#F9EDD9
33.3%	33.3% #F6E6CC	RGB 246 230 204	#F6E6CC
50.0%	50.0% #F2DEBF	RGB 242 222 191	#F2DEBF
66.7%	66.7% #EFD7B3	RGB 239 215 179	#EFD7B3
83.3%	83.3% #EBCFA6	RGB 235 207 166	#EBCFA6
100.0%	100.0% #E8C89B	RGB 232 200 155	#E8C89B

#FDF5E7 #F9EDD9 #F6E6CC #F2DEBF #EFD7B3 #EBCFA6 #E8C89B

#FDF5E7 - #F2DEBF - #E8C89B

Códigos CSS

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

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