#8F9377 - #525E26 | 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 #8F9377 a #525E26

#8F9377 #525E26

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

#8F9377 - #525E26 | 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 #8F9377 como 0% y #525E26 como 100%.

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A69	RGB 132 138 105	#848A69
33.3%	33.3% #7A815C	RGB 122 129 92	#7A815C
50.0%	50.0% #70784E	RGB 112 120 78	#70784E
66.7%	66.7% #666F41	RGB 102 111 65	#666F41
83.3%	83.3% #5C6633	RGB 92 102 51	#5C6633
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A69 #7A815C #70784E #666F41 #5C6633 #525E26

#8F9377 - #525E26

Mezcla HSV

#8F9377 - #525E26 | 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 #8F9377 como 0% y #525E26 como 100%.

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A66	RGB 132 138 102	#848A66
33.3%	33.3% #7A8157	RGB 122 129 87	#7A8157
50.0%	50.0% #707849	RGB 112 120 73	#707849
66.7%	66.7% #656F3C	RGB 101 111 60	#656F3C
83.3%	83.3% #5B6630	RGB 91 102 48	#5B6630
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A66 #7A8157 #707849 #656F3C #5B6630 #525E26

#8F9377 - #707849 - #525E26

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9377 0%, #707849 50%, #525E26 100%);
    background: -webkit-linear-gradient(top, #8F9377 0%, #707849 50%, #525E26 100%);
    background: linear-gradient(to bottom, #8F9377 0%, #707849 50%, #525E26 100%);
}
</style>