#88936B - #4A601E | 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 #88936B a #4A601E

#88936B #4A601E

Calcule el color entre dos colores, #88936B y #4A601E. 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)

#88936B - #4A601E | 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 #88936B como 0% y #4A601E como 100%.

0.0%	0.0% #88936B	RGB 136 147 107	#88936B
16.7%	16.7% #7D8A5E	RGB 125 138 94	#7D8A5E
33.3%	33.3% #738251	RGB 115 130 81	#738251
50.0%	50.0% #697944	RGB 105 121 68	#697944
66.7%	66.7% #5E7137	RGB 94 113 55	#5E7137
83.3%	83.3% #54682A	RGB 84 104 42	#54682A
100.0%	100.0% #4A601E	RGB 74 96 30	#4A601E

#88936B #7D8A5E #738251 #697944 #5E7137 #54682A #4A601E

#88936B - #4A601E

Mezcla HSV

#88936B - #4A601E | 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 #88936B como 0% y #4A601E como 100%.

0.0%	0.0% #88936B	RGB 136 147 107	#88936B
16.7%	16.7% #7D8A5B	RGB 125 138 91	#7D8A5B
33.3%	33.3% #72824C	RGB 114 130 76	#72824C
50.0%	50.0% #67793F	RGB 103 121 63	#67793F
66.7%	66.7% #5D7132	RGB 93 113 50	#5D7132
83.3%	83.3% #536827	RGB 83 104 39	#536827
100.0%	100.0% #4A601E	RGB 74 96 30	#4A601E

#88936B #7D8A5B #72824C #67793F #5D7132 #536827 #4A601E

#88936B - #67793F - #4A601E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88936B 0%, #67793F 50%, #4A601E 100%);
    background: -webkit-linear-gradient(top, #88936B 0%, #67793F 50%, #4A601E 100%);
    background: linear-gradient(to bottom, #88936B 0%, #67793F 50%, #4A601E 100%);
}
</style>