#8F4A4A - #691C0E | 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 #8F4A4A a #691C0E

#8F4A4A #691C0E

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

#8F4A4A - #691C0E | 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 #8F4A4A como 0% y #691C0E como 100%.

0.0%	0.0% #8F4A4A	RGB 143 74 74	#8F4A4A
16.7%	16.7% #884240	RGB 136 66 64	#884240
33.3%	33.3% #823A36	RGB 130 58 54	#823A36
50.0%	50.0% #7C332C	RGB 124 51 44	#7C332C
66.7%	66.7% #752B22	RGB 117 43 34	#752B22
83.3%	83.3% #6F2318	RGB 111 35 24	#6F2318
100.0%	100.0% #691C0E	RGB 105 28 14	#691C0E

#8F4A4A #884240 #823A36 #7C332C #752B22 #6F2318 #691C0E

#8F4A4A - #691C0E

Mezcla HSV

#8F4A4A - #691C0E | 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 #8F4A4A como 0% y #691C0E como 100%.

0.0%	0.0% #8F4A4A	RGB 143 74 74	#8F4A4A
16.7%	16.7% #883F3D	RGB 136 63 61	#883F3D
33.3%	33.3% #823632	RGB 130 54 50	#823632
50.0%	50.0% #7C2E28	RGB 124 46 40	#7C2E28
66.7%	66.7% #75271E	RGB 117 39 30	#75271E
83.3%	83.3% #6F2115	RGB 111 33 21	#6F2115
100.0%	100.0% #691C0E	RGB 105 28 14	#691C0E

#8F4A4A #883F3D #823632 #7C2E28 #75271E #6F2115 #691C0E

#8F4A4A - #7C2E28 - #691C0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F4A4A 0%, #7C2E28 50%, #691C0E 100%);
    background: -webkit-linear-gradient(top, #8F4A4A 0%, #7C2E28 50%, #691C0E 100%);
    background: linear-gradient(to bottom, #8F4A4A 0%, #7C2E28 50%, #691C0E 100%);
}
</style>