#441212 - #8F4536 | 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 #441212 a #8F4536

#441212 #8F4536

Calcule el color entre dos colores, #441212 y #8F4536. 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)

#441212 - #8F4536 | 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 #441212 como 0% y #8F4536 como 100%.

0.0%	0.0% #441212	RGB 68 18 18	#441212
16.7%	16.7% #501A18	RGB 80 26 24	#501A18
33.3%	33.3% #5D231E	RGB 93 35 30	#5D231E
50.0%	50.0% #692B24	RGB 105 43 36	#692B24
66.7%	66.7% #76342A	RGB 118 52 42	#76342A
83.3%	83.3% #823C30	RGB 130 60 48	#823C30
100.0%	100.0% #8F4536	RGB 143 69 54	#8F4536

#441212 #501A18 #5D231E #692B24 #76342A #823C30 #8F4536

#441212 - #8F4536

Mezcla HSV

#441212 - #8F4536 | 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 #441212 como 0% y #8F4536 como 100%.

0.0%	0.0% #441212	RGB 68 18 18	#441212
16.7%	16.7% #501816	RGB 80 24 22	#501816
33.3%	33.3% #5D1F1C	RGB 93 31 28	#5D1F1C
50.0%	50.0% #692721	RGB 105 39 33	#692721
66.7%	66.7% #763028	RGB 118 48 40	#763028
83.3%	83.3% #823A2E	RGB 130 58 46	#823A2E
100.0%	100.0% #8F4536	RGB 143 69 54	#8F4536

#441212 #501816 #5D1F1C #692721 #763028 #823A2E #8F4536

#441212 - #692721 - #8F4536

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #441212 0%, #692721 50%, #8F4536 100%);
    background: -webkit-linear-gradient(top, #441212 0%, #692721 50%, #8F4536 100%);
    background: linear-gradient(to bottom, #441212 0%, #692721 50%, #8F4536 100%);
}
</style>