#24241E - #776248 | 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 #24241E a #776248

#24241E #776248

Calcule el color entre dos colores, #24241E y #776248. 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)

#24241E - #776248 | 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 #24241E como 0% y #776248 como 100%.

0.0%	0.0% #24241E	RGB 36 36 30	#24241E
16.7%	16.7% #312E25	RGB 49 46 37	#312E25
33.3%	33.3% #3F382C	RGB 63 56 44	#3F382C
50.0%	50.0% #4D4333	RGB 77 67 51	#4D4333
66.7%	66.7% #5B4D3A	RGB 91 77 58	#5B4D3A
83.3%	83.3% #695741	RGB 105 87 65	#695741
100.0%	100.0% #776248	RGB 119 98 72	#776248

#24241E #312E25 #3F382C #4D4333 #5B4D3A #695741 #776248

#24241E - #776248

Mezcla HSV

#24241E - #776248 | 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 #24241E como 0% y #776248 como 100%.

0.0%	0.0% #24241E	RGB 36 36 30	#24241E
16.7%	16.7% #313127	RGB 49 49 39	#313127
33.3%	33.3% #3F3D30	RGB 63 61 48	#3F3D30
50.0%	50.0% #4D4837	RGB 77 72 55	#4D4837
66.7%	66.7% #5B523E	RGB 91 82 62	#5B523E
83.3%	83.3% #695B43	RGB 105 91 67	#695B43
100.0%	100.0% #776248	RGB 119 98 72	#776248

#24241E #313127 #3F3D30 #4D4837 #5B523E #695B43 #776248

#24241E - #4D4837 - #776248

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24241E 0%, #4D4837 50%, #776248 100%);
    background: -webkit-linear-gradient(top, #24241E 0%, #4D4837 50%, #776248 100%);
    background: linear-gradient(to bottom, #24241E 0%, #4D4837 50%, #776248 100%);
}
</style>