#97807E - #7E3D2B | 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 #97807E a #7E3D2B

#97807E #7E3D2B

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

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

0.0%	0.0% #97807E	RGB 151 128 126	#97807E
16.7%	16.7% #927470	RGB 146 116 112	#927470
33.3%	33.3% #8E6962	RGB 142 105 98	#8E6962
50.0%	50.0% #8A5E54	RGB 138 94 84	#8A5E54
66.7%	66.7% #865346	RGB 134 83 70	#865346
83.3%	83.3% #824838	RGB 130 72 56	#824838
100.0%	100.0% #7E3D2B	RGB 126 61 43	#7E3D2B

#97807E #927470 #8E6962 #8A5E54 #865346 #824838 #7E3D2B

#97807E - #7E3D2B

Mezcla HSV

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

0.0%	0.0% #97807E	RGB 151 128 126	#97807E
16.7%	16.7% #92726E	RGB 146 114 110	#92726E
33.3%	33.3% #8E655F	RGB 142 101 95	#8E655F
50.0%	50.0% #8A5951	RGB 138 89 81	#8A5951
66.7%	66.7% #864F43	RGB 134 79 67	#864F43
83.3%	83.3% #824537	RGB 130 69 55	#824537
100.0%	100.0% #7E3D2B	RGB 126 61 43	#7E3D2B

#97807E #92726E #8E655F #8A5951 #864F43 #824537 #7E3D2B

#97807E - #8A5951 - #7E3D2B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97807E 0%, #8A5951 50%, #7E3D2B 100%);
    background: -webkit-linear-gradient(top, #97807E 0%, #8A5951 50%, #7E3D2B 100%);
    background: linear-gradient(to bottom, #97807E 0%, #8A5951 50%, #7E3D2B 100%);
}
</style>