#161510 - #554D3E | 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 #161510 a #554D3E

#161510 #554D3E

Calcule el color entre dos colores, #161510 y #554D3E. 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)

#161510 - #554D3E | 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 #161510 como 0% y #554D3E como 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #201E17	RGB 32 30 23	#201E17
33.3%	33.3% #2B271F	RGB 43 39 31	#2B271F
50.0%	50.0% #353127	RGB 53 49 39	#353127
66.7%	66.7% #403A2E	RGB 64 58 46	#403A2E
83.3%	83.3% #4A4336	RGB 74 67 54	#4A4336
100.0%	100.0% #554D3E	RGB 85 77 62	#554D3E

#161510 #201E17 #2B271F #353127 #403A2E #4A4336 #554D3E

#161510 - #554D3E

Mezcla HSV

#161510 - #554D3E | 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 #161510 como 0% y #554D3E como 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #201E17	RGB 32 30 23	#201E17
33.3%	33.3% #2B281F	RGB 43 40 31	#2B281F
50.0%	50.0% #353126	RGB 53 49 38	#353126
66.7%	66.7% #403B2E	RGB 64 59 46	#403B2E
83.3%	83.3% #4A4436	RGB 74 68 54	#4A4436
100.0%	100.0% #554D3E	RGB 85 77 62	#554D3E

#161510 #201E17 #2B281F #353126 #403B2E #4A4436 #554D3E

#161510 - #353126 - #554D3E

Códigos CSS

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

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