#484E3E - #1F3204 | 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 #484E3E a #1F3204

#484E3E #1F3204

Calcule el color entre dos colores, #484E3E y #1F3204. 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)

#484E3E - #1F3204 | 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 #484E3E como 0% y #1F3204 como 100%.

0.0%	0.0% #484E3E	RGB 72 78 62	#484E3E
16.7%	16.7% #414934	RGB 65 73 52	#414934
33.3%	33.3% #3A442A	RGB 58 68 42	#3A442A
50.0%	50.0% #334021	RGB 51 64 33	#334021
66.7%	66.7% #2C3B17	RGB 44 59 23	#2C3B17
83.3%	83.3% #25360D	RGB 37 54 13	#25360D
100.0%	100.0% #1F3204	RGB 31 50 4	#1F3204

#484E3E #414934 #3A442A #334021 #2C3B17 #25360D #1F3204

#484E3E - #1F3204

Mezcla HSV

#484E3E - #1F3204 | 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 #484E3E como 0% y #1F3204 como 100%.

0.0%	0.0% #484E3E	RGB 72 78 62	#484E3E
16.7%	16.7% #404931	RGB 64 73 49	#404931
33.3%	33.3% #384426	RGB 56 68 38	#384426
50.0%	50.0% #31401B	RGB 49 64 27	#31401B
66.7%	66.7% #2B3B12	RGB 43 59 18	#2B3B12
83.3%	83.3% #24360A	RGB 36 54 10	#24360A
100.0%	100.0% #1F3204	RGB 31 50 4	#1F3204

#484E3E #404931 #384426 #31401B #2B3B12 #24360A #1F3204

#484E3E - #31401B - #1F3204

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484E3E 0%, #31401B 50%, #1F3204 100%);
    background: -webkit-linear-gradient(top, #484E3E 0%, #31401B 50%, #1F3204 100%);
    background: linear-gradient(to bottom, #484E3E 0%, #31401B 50%, #1F3204 100%);
}
</style>