#131906 - #3C5438 | 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 #131906 a #3C5438

#131906 #3C5438

Calcule el color entre dos colores, #131906 y #3C5438. 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)

#131906 - #3C5438 | 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 #131906 como 0% y #3C5438 como 100%.

0.0%	0.0% #131906	RGB 19 25 6	#131906
16.7%	16.7% #19220E	RGB 25 34 14	#19220E
33.3%	33.3% #202C16	RGB 32 44 22	#202C16
50.0%	50.0% #27361F	RGB 39 54 31	#27361F
66.7%	66.7% #2E4027	RGB 46 64 39	#2E4027
83.3%	83.3% #354A2F	RGB 53 74 47	#354A2F
100.0%	100.0% #3C5438	RGB 60 84 56	#3C5438

#131906 #19220E #202C16 #27361F #2E4027 #354A2F #3C5438

#131906 - #3C5438

Mezcla HSV

#131906 - #3C5438 | 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 #131906 como 0% y #3C5438 como 100%.

0.0%	0.0% #131906	RGB 19 25 6	#131906
16.7%	16.7% #19220A	RGB 25 34 10	#19220A
33.3%	33.3% #1E2C11	RGB 30 44 17	#1E2C11
50.0%	50.0% #253618	RGB 37 54 24	#253618
66.7%	66.7% #2B4021	RGB 43 64 33	#2B4021
83.3%	83.3% #334A2C	RGB 51 74 44	#334A2C
100.0%	100.0% #3C5438	RGB 60 84 56	#3C5438

#131906 #19220A #1E2C11 #253618 #2B4021 #334A2C #3C5438

#131906 - #253618 - #3C5438

Códigos CSS

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

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