#BA5E2B - #FCA43E | 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 #BA5E2B a #FCA43E

#BA5E2B #FCA43E

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

#BA5E2B - #FCA43E | 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 #BA5E2B como 0% y #FCA43E como 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #C5692E	RGB 197 105 46	#C5692E
33.3%	33.3% #D07531	RGB 208 117 49	#D07531
50.0%	50.0% #DB8134	RGB 219 129 52	#DB8134
66.7%	66.7% #E68C37	RGB 230 140 55	#E68C37
83.3%	83.3% #F1983A	RGB 241 152 58	#F1983A
100.0%	100.0% #FCA43E	RGB 252 164 62	#FCA43E

#BA5E2B #C5692E #D07531 #DB8134 #E68C37 #F1983A #FCA43E

#BA5E2B - #FCA43E

Mezcla HSV

#BA5E2B - #FCA43E | 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 #BA5E2B como 0% y #FCA43E como 100%.

0.0%	0.0% #BA5E2B	RGB 186 94 43	#BA5E2B
16.7%	16.7% #C5682E	RGB 197 104 46	#C5682E
33.3%	33.3% #D07331	RGB 208 115 49	#D07331
50.0%	50.0% #DB7E34	RGB 219 126 52	#DB7E34
66.7%	66.7% #E68A37	RGB 230 138 55	#E68A37
83.3%	83.3% #F1973A	RGB 241 151 58	#F1973A
100.0%	100.0% #FCA43E	RGB 252 164 62	#FCA43E

#BA5E2B #C5682E #D07331 #DB7E34 #E68A37 #F1973A #FCA43E

#BA5E2B - #DB7E34 - #FCA43E

Códigos CSS

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

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