#49342A - #3E1803 | 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 #49342A a #3E1803

#49342A #3E1803

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

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

0.0%	0.0% #49342A	RGB 73 52 42	#49342A
16.7%	16.7% #472F23	RGB 71 47 35	#472F23
33.3%	33.3% #452A1D	RGB 69 42 29	#452A1D
50.0%	50.0% #432616	RGB 67 38 22	#432616
66.7%	66.7% #41210F	RGB 65 33 15	#41210F
83.3%	83.3% #3F1C09	RGB 63 28 9	#3F1C09
100.0%	100.0% #3E1803	RGB 62 24 3	#3E1803

#49342A #472F23 #452A1D #432616 #41210F #3F1C09 #3E1803

#49342A - #3E1803

Mezcla HSV

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

0.0%	0.0% #49342A	RGB 73 52 42	#49342A
16.7%	16.7% #472E22	RGB 71 46 34	#472E22
33.3%	33.3% #45291B	RGB 69 41 27	#45291B
50.0%	50.0% #432415	RGB 67 36 21	#432415
66.7%	66.7% #41200E	RGB 65 32 14	#41200E
83.3%	83.3% #3F1C08	RGB 63 28 8	#3F1C08
100.0%	100.0% #3E1803	RGB 62 24 3	#3E1803

#49342A #472E22 #45291B #432415 #41200E #3F1C08 #3E1803

#49342A - #432415 - #3E1803

Códigos CSS

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

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