#BC7E5E - #FEF48C | 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 #BC7E5E a #FEF48C

#BC7E5E #FEF48C

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

#BC7E5E - #FEF48C | 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 #BC7E5E como 0% y #FEF48C como 100%.

0.0%	0.0% #BC7E5E	RGB 188 126 94	#BC7E5E
16.7%	16.7% #C79165	RGB 199 145 101	#C79165
33.3%	33.3% #D2A56D	RGB 210 165 109	#D2A56D
50.0%	50.0% #DDB975	RGB 221 185 117	#DDB975
66.7%	66.7% #E8CC7C	RGB 232 204 124	#E8CC7C
83.3%	83.3% #F3E084	RGB 243 224 132	#F3E084
100.0%	100.0% #FEF48C	RGB 254 244 140	#FEF48C

#BC7E5E #C79165 #D2A56D #DDB975 #E8CC7C #F3E084 #FEF48C

#BC7E5E - #FEF48C

Mezcla HSV

#BC7E5E - #FEF48C | 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 #BC7E5E como 0% y #FEF48C como 100%.

0.0%	0.0% #BC7E5E	RGB 188 126 94	#BC7E5E
16.7%	16.7% #C78F65	RGB 199 143 101	#C78F65
33.3%	33.3% #D2A26C	RGB 210 162 108	#D2A26C
50.0%	50.0% #DDB574	RGB 221 181 116	#DDB574
66.7%	66.7% #E8C97B	RGB 232 201 123	#E8C97B
83.3%	83.3% #F3DE83	RGB 243 222 131	#F3DE83
100.0%	100.0% #FEF48C	RGB 254 244 140	#FEF48C

#BC7E5E #C78F65 #D2A26C #DDB574 #E8C97B #F3DE83 #FEF48C

#BC7E5E - #DDB574 - #FEF48C

Códigos CSS

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

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