#545B4B - #253A08 | 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 #545B4B a #253A08

#545B4B #253A08

Calcule el color entre dos colores, #545B4B y #253A08. 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)

#545B4B - #253A08 | 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 #545B4B como 0% y #253A08 como 100%.

0.0%	0.0% #545B4B	RGB 84 91 75	#545B4B
16.7%	16.7% #4C553F	RGB 76 85 63	#4C553F
33.3%	33.3% #445034	RGB 68 80 52	#445034
50.0%	50.0% #3C4A29	RGB 60 74 41	#3C4A29
66.7%	66.7% #34451E	RGB 52 69 30	#34451E
83.3%	83.3% #2C3F13	RGB 44 63 19	#2C3F13
100.0%	100.0% #253A08	RGB 37 58 8	#253A08

#545B4B #4C553F #445034 #3C4A29 #34451E #2C3F13 #253A08

#545B4B - #253A08

Mezcla HSV

#545B4B - #253A08 | 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 #545B4B como 0% y #253A08 como 100%.

0.0%	0.0% #545B4B	RGB 84 91 75	#545B4B
16.7%	16.7% #4A553C	RGB 74 85 60	#4A553C
33.3%	33.3% #42502F	RGB 66 80 47	#42502F
50.0%	50.0% #394A23	RGB 57 74 35	#394A23
66.7%	66.7% #324519	RGB 50 69 25	#324519
83.3%	83.3% #2B3F10	RGB 43 63 16	#2B3F10
100.0%	100.0% #253A08	RGB 37 58 8	#253A08

#545B4B #4A553C #42502F #394A23 #324519 #2B3F10 #253A08

#545B4B - #394A23 - #253A08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545B4B 0%, #394A23 50%, #253A08 100%);
    background: -webkit-linear-gradient(top, #545B4B 0%, #394A23 50%, #253A08 100%);
    background: linear-gradient(to bottom, #545B4B 0%, #394A23 50%, #253A08 100%);
}
</style>