#8D936B - #282A1E | 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 #8D936B a #282A1E

#8D936B #282A1E

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

#8D936B - #282A1E | 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 #8D936B como 0% y #282A1E como 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #7C815E	RGB 124 129 94	#7C815E
33.3%	33.3% #6B7051	RGB 107 112 81	#6B7051
50.0%	50.0% #5A5E44	RGB 90 94 68	#5A5E44
66.7%	66.7% #494D37	RGB 73 77 55	#494D37
83.3%	83.3% #383B2A	RGB 56 59 42	#383B2A
100.0%	100.0% #282A1E	RGB 40 42 30	#282A1E

#8D936B #7C815E #6B7051 #5A5E44 #494D37 #383B2A #282A1E

#8D936B - #282A1E

Mezcla HSV

#8D936B - #282A1E | 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 #8D936B como 0% y #282A1E como 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #7C815D	RGB 124 129 93	#7C815D
33.3%	33.3% #6B7051	RGB 107 112 81	#6B7051
50.0%	50.0% #5A5E44	RGB 90 94 68	#5A5E44
66.7%	66.7% #494D37	RGB 73 77 55	#494D37
83.3%	83.3% #383B2A	RGB 56 59 42	#383B2A
100.0%	100.0% #282A1E	RGB 40 42 30	#282A1E

#8D936B #7C815D #6B7051 #5A5E44 #494D37 #383B2A #282A1E

#8D936B - #5A5E44 - #282A1E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D936B 0%, #5A5E44 50%, #282A1E 100%);
    background: -webkit-linear-gradient(top, #8D936B 0%, #5A5E44 50%, #282A1E 100%);
    background: linear-gradient(to bottom, #8D936B 0%, #5A5E44 50%, #282A1E 100%);
}
</style>