#4C5E3C - #1F3C05 | 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 #4C5E3C a #1F3C05

#4C5E3C #1F3C05

Calcule el color entre dos colores, #4C5E3C y #1F3C05. 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)

#4C5E3C - #1F3C05 | 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 #4C5E3C como 0% y #1F3C05 como 100%.

0.0%	0.0% #4C5E3C	RGB 76 94 60	#4C5E3C
16.7%	16.7% #445832	RGB 68 88 50	#445832
33.3%	33.3% #3D5229	RGB 61 82 41	#3D5229
50.0%	50.0% #354D20	RGB 53 77 32	#354D20
66.7%	66.7% #2E4717	RGB 46 71 23	#2E4717
83.3%	83.3% #26410E	RGB 38 65 14	#26410E
100.0%	100.0% #1F3C05	RGB 31 60 5	#1F3C05

#4C5E3C #445832 #3D5229 #354D20 #2E4717 #26410E #1F3C05

#4C5E3C - #1F3C05

Mezcla HSV

#4C5E3C - #1F3C05 | 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 #4C5E3C como 0% y #1F3C05 como 100%.

0.0%	0.0% #4C5E3C	RGB 76 94 60	#4C5E3C
16.7%	16.7% #435830	RGB 67 88 48	#435830
33.3%	33.3% #3A5225	RGB 58 82 37	#3A5225
50.0%	50.0% #324D1B	RGB 50 77 27	#324D1B
66.7%	66.7% #2B4713	RGB 43 71 19	#2B4713
83.3%	83.3% #25410B	RGB 37 65 11	#25410B
100.0%	100.0% #1F3C05	RGB 31 60 5	#1F3C05

#4C5E3C #435830 #3A5225 #324D1B #2B4713 #25410B #1F3C05

#4C5E3C - #324D1B - #1F3C05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3C 0%, #324D1B 50%, #1F3C05 100%);
    background: -webkit-linear-gradient(top, #4C5E3C 0%, #324D1B 50%, #1F3C05 100%);
    background: linear-gradient(to bottom, #4C5E3C 0%, #324D1B 50%, #1F3C05 100%);
}
</style>