#3E5024 - #11160A | 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 #3E5024 a #11160A

#3E5024 #11160A

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

#3E5024 - #11160A | 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 #3E5024 como 0% y #11160A como 100%.

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #36461F	RGB 54 70 31	#36461F
33.3%	33.3% #2F3C1B	RGB 47 60 27	#2F3C1B
50.0%	50.0% #273317	RGB 39 51 23	#273317
66.7%	66.7% #202912	RGB 32 41 18	#202912
83.3%	83.3% #181F0E	RGB 24 31 14	#181F0E
100.0%	100.0% #11160A	RGB 17 22 10	#11160A

#3E5024 #36461F #2F3C1B #273317 #202912 #181F0E #11160A

#3E5024 - #11160A

Mezcla HSV

#3E5024 - #11160A | 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 #3E5024 como 0% y #11160A como 100%.

0.0%	0.0% #3E5024	RGB 62 80 36	#3E5024
16.7%	16.7% #36461F	RGB 54 70 31	#36461F
33.3%	33.3% #2E3C1B	RGB 46 60 27	#2E3C1B
50.0%	50.0% #273317	RGB 39 51 23	#273317
66.7%	66.7% #1F2912	RGB 31 41 18	#1F2912
83.3%	83.3% #181F0E	RGB 24 31 14	#181F0E
100.0%	100.0% #11160A	RGB 17 22 10	#11160A

#3E5024 #36461F #2E3C1B #273317 #1F2912 #181F0E #11160A

#3E5024 - #273317 - #11160A

Códigos CSS

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

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