#FFF5E5 - #ECC897 | 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 #FFF5E5 a #ECC897

#FFF5E5 #ECC897

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

#FFF5E5 - #ECC897 | 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 #FFF5E5 como 0% y #ECC897 como 100%.

0.0%	0.0% #FFF5E5	RGB 255 245 229	#FFF5E5
16.7%	16.7% #FBEDD8	RGB 251 237 216	#FBEDD8
33.3%	33.3% #F8E6CB	RGB 248 230 203	#F8E6CB
50.0%	50.0% #F5DEBE	RGB 245 222 190	#F5DEBE
66.7%	66.7% #F2D7B1	RGB 242 215 177	#F2D7B1
83.3%	83.3% #EFCFA4	RGB 239 207 164	#EFCFA4
100.0%	100.0% #ECC897	RGB 236 200 151	#ECC897

#FFF5E5 #FBEDD8 #F8E6CB #F5DEBE #F2D7B1 #EFCFA4 #ECC897

#FFF5E5 - #ECC897

Mezcla HSV

#FFF5E5 - #ECC897 | 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 #FFF5E5 como 0% y #ECC897 como 100%.

0.0%	0.0% #FFF5E5	RGB 255 245 229	#FFF5E5
16.7%	16.7% #FBEDD7	RGB 251 237 215	#FBEDD7
33.3%	33.3% #F8E6C9	RGB 248 230 201	#F8E6C9
50.0%	50.0% #F5DEBC	RGB 245 222 188	#F5DEBC
66.7%	66.7% #F2D7AF	RGB 242 215 175	#F2D7AF
83.3%	83.3% #EFCFA3	RGB 239 207 163	#EFCFA3
100.0%	100.0% #ECC897	RGB 236 200 151	#ECC897

#FFF5E5 #FBEDD7 #F8E6C9 #F5DEBC #F2D7AF #EFCFA3 #ECC897

#FFF5E5 - #F5DEBC - #ECC897

Códigos CSS

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

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