#3D4135 - #1A2B01 | 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 #3D4135 a #1A2B01

#3D4135 #1A2B01

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

#3D4135 - #1A2B01 | 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 #3D4135 como 0% y #1A2B01 como 100%.

0.0%	0.0% #3D4135	RGB 61 65 53	#3D4135
16.7%	16.7% #373D2C	RGB 55 61 44	#373D2C
33.3%	33.3% #313923	RGB 49 57 35	#313923
50.0%	50.0% #2B361B	RGB 43 54 27	#2B361B
66.7%	66.7% #253212	RGB 37 50 18	#253212
83.3%	83.3% #1F2E09	RGB 31 46 9	#1F2E09
100.0%	100.0% #1A2B01	RGB 26 43 1	#1A2B01

#3D4135 #373D2C #313923 #2B361B #253212 #1F2E09 #1A2B01

#3D4135 - #1A2B01

Mezcla HSV

#3D4135 - #1A2B01 | 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 #3D4135 como 0% y #1A2B01 como 100%.

0.0%	0.0% #3D4135	RGB 61 65 53	#3D4135
16.7%	16.7% #363D29	RGB 54 61 41	#363D29
33.3%	33.3% #30391F	RGB 48 57 31	#30391F
50.0%	50.0% #2A3616	RGB 42 54 22	#2A3616
66.7%	66.7% #24320E	RGB 36 50 14	#24320E
83.3%	83.3% #1F2E07	RGB 31 46 7	#1F2E07
100.0%	100.0% #1A2B01	RGB 26 43 1	#1A2B01

#3D4135 #363D29 #30391F #2A3616 #24320E #1F2E07 #1A2B01

#3D4135 - #2A3616 - #1A2B01

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4135 0%, #2A3616 50%, #1A2B01 100%);
    background: -webkit-linear-gradient(top, #3D4135 0%, #2A3616 50%, #1A2B01 100%);
    background: linear-gradient(to bottom, #3D4135 0%, #2A3616 50%, #1A2B01 100%);
}
</style>