#8C5E3C - #622D0B | 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 #8C5E3C a #622D0B

#8C5E3C #622D0B

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

#8C5E3C - #622D0B | 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 #8C5E3C como 0% y #622D0B como 100%.

0.0%	0.0% #8C5E3C	RGB 140 94 60	#8C5E3C
16.7%	16.7% #855533	RGB 133 85 51	#855533
33.3%	33.3% #7E4D2B	RGB 126 77 43	#7E4D2B
50.0%	50.0% #774523	RGB 119 69 35	#774523
66.7%	66.7% #703D1B	RGB 112 61 27	#703D1B
83.3%	83.3% #693513	RGB 105 53 19	#693513
100.0%	100.0% #622D0B	RGB 98 45 11	#622D0B

#8C5E3C #855533 #7E4D2B #774523 #703D1B #693513 #622D0B

#8C5E3C - #622D0B

Mezcla HSV

#8C5E3C - #622D0B | 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 #8C5E3C como 0% y #622D0B como 100%.

0.0%	0.0% #8C5E3C	RGB 140 94 60	#8C5E3C
16.7%	16.7% #855431	RGB 133 84 49	#855431
33.3%	33.3% #7E4B28	RGB 126 75 40	#7E4B28
50.0%	50.0% #774320	RGB 119 67 32	#774320
66.7%	66.7% #703B18	RGB 112 59 24	#703B18
83.3%	83.3% #693411	RGB 105 52 17	#693411
100.0%	100.0% #622D0B	RGB 98 45 11	#622D0B

#8C5E3C #855431 #7E4B28 #774320 #703B18 #693411 #622D0B

#8C5E3C - #774320 - #622D0B

Códigos CSS

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

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