#8C8D87 - #282826 | 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 #8C8D87 a #282826

#8C8D87 #282826

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

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

0.0%	0.0% #8C8D87	RGB 140 141 135	#8C8D87
16.7%	16.7% #7B7C76	RGB 123 124 118	#7B7C76
33.3%	33.3% #6A6B66	RGB 106 107 102	#6A6B66
50.0%	50.0% #5A5A56	RGB 90 90 86	#5A5A56
66.7%	66.7% #494946	RGB 73 73 70	#494946
83.3%	83.3% #383836	RGB 56 56 54	#383836
100.0%	100.0% #282826	RGB 40 40 38	#282826

#8C8D87 #7B7C76 #6A6B66 #5A5A56 #494946 #383836 #282826

#8C8D87 - #282826

Mezcla HSV

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

0.0%	0.0% #8C8D87	RGB 140 141 135	#8C8D87
16.7%	16.7% #7B7C76	RGB 123 124 118	#7B7C76
33.3%	33.3% #6A6B66	RGB 106 107 102	#6A6B66
50.0%	50.0% #5A5A56	RGB 90 90 86	#5A5A56
66.7%	66.7% #494946	RGB 73 73 70	#494946
83.3%	83.3% #383836	RGB 56 56 54	#383836
100.0%	100.0% #282826	RGB 40 40 38	#282826

#8C8D87 #7B7C76 #6A6B66 #5A5A56 #494946 #383836 #282826

#8C8D87 - #5A5A56 - #282826

Códigos CSS

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

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