#BA5929 - #FCA03B | 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 #BA5929 a #FCA03B

#BA5929 #FCA03B

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

#BA5929 - #FCA03B | 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 #BA5929 como 0% y #FCA03B como 100%.

0.0%	0.0% #BA5929	RGB 186 89 41	#BA5929
16.7%	16.7% #C5642C	RGB 197 100 44	#C5642C
33.3%	33.3% #D0702F	RGB 208 112 47	#D0702F
50.0%	50.0% #DB7C32	RGB 219 124 50	#DB7C32
66.7%	66.7% #E68835	RGB 230 136 53	#E68835
83.3%	83.3% #F19438	RGB 241 148 56	#F19438
100.0%	100.0% #FCA03B	RGB 252 160 59	#FCA03B

#BA5929 #C5642C #D0702F #DB7C32 #E68835 #F19438 #FCA03B

#BA5929 - #FCA03B

Mezcla HSV

#BA5929 - #FCA03B | 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 #BA5929 como 0% y #FCA03B como 100%.

0.0%	0.0% #BA5929	RGB 186 89 41	#BA5929
16.7%	16.7% #C5632B	RGB 197 99 43	#C5632B
33.3%	33.3% #D06E2E	RGB 208 110 46	#D06E2E
50.0%	50.0% #DB7A31	RGB 219 122 49	#DB7A31
66.7%	66.7% #E68634	RGB 230 134 52	#E68634
83.3%	83.3% #F19237	RGB 241 146 55	#F19237
100.0%	100.0% #FCA03B	RGB 252 160 59	#FCA03B

#BA5929 #C5632B #D06E2E #DB7A31 #E68634 #F19237 #FCA03B

#BA5929 - #DB7A31 - #FCA03B

Códigos CSS

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

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