#FFB45B - #B05A11 | 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 #FFB45B a #B05A11

#FFB45B #B05A11

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

#FFB45B - #B05A11 | 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 #FFB45B como 0% y #B05A11 como 100%.

0.0%	0.0% #FFB45B	RGB 255 180 91	#FFB45B
16.7%	16.7% #F1A54E	RGB 241 165 78	#F1A54E
33.3%	33.3% #E49642	RGB 228 150 66	#E49642
50.0%	50.0% #D78736	RGB 215 135 54	#D78736
66.7%	66.7% #CA7829	RGB 202 120 41	#CA7829
83.3%	83.3% #BD691D	RGB 189 105 29	#BD691D
100.0%	100.0% #B05A11	RGB 176 90 17	#B05A11

#FFB45B #F1A54E #E49642 #D78736 #CA7829 #BD691D #B05A11

#FFB45B - #B05A11

Mezcla HSV

#FFB45B - #B05A11 | 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 #FFB45B como 0% y #B05A11 como 100%.

0.0%	0.0% #FFB45B	RGB 255 180 91	#FFB45B
16.7%	16.7% #F1A34B	RGB 241 163 75	#F1A34B
33.3%	33.3% #E4933D	RGB 228 147 61	#E4933D
50.0%	50.0% #D78430	RGB 215 132 48	#D78430
66.7%	66.7% #CA7525	RGB 202 117 37	#CA7525
83.3%	83.3% #BD671A	RGB 189 103 26	#BD671A
100.0%	100.0% #B05A11	RGB 176 90 17	#B05A11

#FFB45B #F1A34B #E4933D #D78430 #CA7525 #BD671A #B05A11

#FFB45B - #D78430 - #B05A11

Códigos CSS

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

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