#35501D - #132F02 | 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 #35501D a #132F02

#35501D #132F02

Calcule el color entre dos colores, #35501D y #132F02. 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)

#35501D - #132F02 | 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 #35501D como 0% y #132F02 como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #2F4A18	RGB 47 74 24	#2F4A18
33.3%	33.3% #294514	RGB 41 69 20	#294514
50.0%	50.0% #243F0F	RGB 36 63 15	#243F0F
66.7%	66.7% #1E3A0B	RGB 30 58 11	#1E3A0B
83.3%	83.3% #183406	RGB 24 52 6	#183406
100.0%	100.0% #132F02	RGB 19 47 2	#132F02

#35501D #2F4A18 #294514 #243F0F #1E3A0B #183406 #132F02

#35501D - #132F02

Mezcla HSV

#35501D - #132F02 | 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 #35501D como 0% y #132F02 como 100%.

0.0%	0.0% #35501D	RGB 53 80 29	#35501D
16.7%	16.7% #2E4A17	RGB 46 74 23	#2E4A17
33.3%	33.3% #284511	RGB 40 69 17	#284511
50.0%	50.0% #223F0C	RGB 34 63 12	#223F0C
66.7%	66.7% #1C3A08	RGB 28 58 8	#1C3A08
83.3%	83.3% #173405	RGB 23 52 5	#173405
100.0%	100.0% #132F02	RGB 19 47 2	#132F02

#35501D #2E4A17 #284511 #223F0C #1C3A08 #173405 #132F02

#35501D - #223F0C - #132F02

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35501D 0%, #223F0C 50%, #132F02 100%);
    background: -webkit-linear-gradient(top, #35501D 0%, #223F0C 50%, #132F02 100%);
    background: linear-gradient(to bottom, #35501D 0%, #223F0C 50%, #132F02 100%);
}
</style>