#8F9F94 - #282D29 | 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 #8F9F94 a #282D29

#8F9F94 #282D29

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

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

0.0%	0.0% #8F9F94	RGB 143 159 148	#8F9F94
16.7%	16.7% #7D8C82	RGB 125 140 130	#7D8C82
33.3%	33.3% #6C7970	RGB 108 121 112	#6C7970
50.0%	50.0% #5B665E	RGB 91 102 94	#5B665E
66.7%	66.7% #4A534C	RGB 74 83 76	#4A534C
83.3%	83.3% #39403A	RGB 57 64 58	#39403A
100.0%	100.0% #282D29	RGB 40 45 41	#282D29

#8F9F94 #7D8C82 #6C7970 #5B665E #4A534C #39403A #282D29

#8F9F94 - #282D29

Mezcla HSV

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

0.0%	0.0% #8F9F94	RGB 143 159 148	#8F9F94
16.7%	16.7% #7D8C81	RGB 125 140 129	#7D8C81
33.3%	33.3% #6C796F	RGB 108 121 111	#6C796F
50.0%	50.0% #5B665D	RGB 91 102 93	#5B665D
66.7%	66.7% #4A534C	RGB 74 83 76	#4A534C
83.3%	83.3% #39403A	RGB 57 64 58	#39403A
100.0%	100.0% #282D29	RGB 40 45 41	#282D29

#8F9F94 #7D8C81 #6C796F #5B665D #4A534C #39403A #282D29

#8F9F94 - #5B665D - #282D29

Códigos CSS

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

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