#8C706B - #A8C3C9 | 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 #8C706B a #A8C3C9

#8C706B #A8C3C9

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

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

0.0%	0.0% #8C706B	RGB 140 112 107	#8C706B
16.7%	16.7% #907D7A	RGB 144 125 122	#907D7A
33.3%	33.3% #958B8A	RGB 149 139 138	#958B8A
50.0%	50.0% #9A999A	RGB 154 153 154	#9A999A
66.7%	66.7% #9EA7A9	RGB 158 167 169	#9EA7A9
83.3%	83.3% #A3B5B9	RGB 163 181 185	#A3B5B9
100.0%	100.0% #A8C3C9	RGB 168 195 201	#A8C3C9

#8C706B #907D7A #958B8A #9A999A #9EA7A9 #A3B5B9 #A8C3C9

#8C706B - #A8C3C9

Mezcla HSV

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

0.0%	0.0% #8C706B	RGB 140 112 107	#8C706B
16.7%	16.7% #967480	RGB 150 116 128	#967480
33.3%	33.3% #A07E9A	RGB 160 126 154	#A07E9A
50.0%	50.0% #9F88AA	RGB 159 136 170	#9F88AA
66.7%	66.7% #9892B4	RGB 152 146 180	#9892B4
83.3%	83.3% #9DA8BE	RGB 157 168 190	#9DA8BE
100.0%	100.0% #A8C3C9	RGB 168 195 201	#A8C3C9

#8C706B #967480 #A07E9A #9F88AA #9892B4 #9DA8BE #A8C3C9

#8C706B - #9F88AA - #A8C3C9

Códigos CSS

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

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