#FBF5E7 - #E3C99B | 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 #FBF5E7 a #E3C99B

#FBF5E7 #E3C99B

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

#FBF5E7 - #E3C99B | 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 #FBF5E7 como 0% y #E3C99B como 100%.

0.0%	0.0% #FBF5E7	RGB 251 245 231	#FBF5E7
16.7%	16.7% #F7EDDA	RGB 247 237 218	#F7EDDA
33.3%	33.3% #F3E6CD	RGB 243 230 205	#F3E6CD
50.0%	50.0% #EFDFC1	RGB 239 223 193	#EFDFC1
66.7%	66.7% #EBD7B4	RGB 235 215 180	#EBD7B4
83.3%	83.3% #E7D0A7	RGB 231 208 167	#E7D0A7
100.0%	100.0% #E3C99B	RGB 227 201 155	#E3C99B

#FBF5E7 #F7EDDA #F3E6CD #EFDFC1 #EBD7B4 #E7D0A7 #E3C99B

#FBF5E7 - #E3C99B

Mezcla HSV

#FBF5E7 - #E3C99B | 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 #FBF5E7 como 0% y #E3C99B como 100%.

0.0%	0.0% #FBF5E7	RGB 251 245 231	#FBF5E7
16.7%	16.7% #F7EDD9	RGB 247 237 217	#F7EDD9
33.3%	33.3% #F3E6CC	RGB 243 230 204	#F3E6CC
50.0%	50.0% #EFDFBF	RGB 239 223 191	#EFDFBF
66.7%	66.7% #EBD7B3	RGB 235 215 179	#EBD7B3
83.3%	83.3% #E7D0A6	RGB 231 208 166	#E7D0A6
100.0%	100.0% #E3C99B	RGB 227 201 155	#E3C99B

#FBF5E7 #F7EDD9 #F3E6CC #EFDFBF #EBD7B3 #E7D0A6 #E3C99B

#FBF5E7 - #EFDFBF - #E3C99B

Códigos CSS

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

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