#9F8F9A - #2D282B | 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 #9F8F9A a #2D282B

#9F8F9A #2D282B

Calcule el color entre dos colores, #9F8F9A y #2D282B. 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)

#9F8F9A - #2D282B | 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 #9F8F9A como 0% y #2D282B como 100%.

0.0%	0.0% #9F8F9A	RGB 159 143 154	#9F8F9A
16.7%	16.7% #8C7D87	RGB 140 125 135	#8C7D87
33.3%	33.3% #796C75	RGB 121 108 117	#796C75
50.0%	50.0% #665B62	RGB 102 91 98	#665B62
66.7%	66.7% #534A50	RGB 83 74 80	#534A50
83.3%	83.3% #40393D	RGB 64 57 61	#40393D
100.0%	100.0% #2D282B	RGB 45 40 43	#2D282B

#9F8F9A #8C7D87 #796C75 #665B62 #534A50 #40393D #2D282B

#9F8F9A - #2D282B

Mezcla HSV

#9F8F9A - #2D282B | 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 #9F8F9A como 0% y #2D282B como 100%.

0.0%	0.0% #9F8F9A	RGB 159 143 154	#9F8F9A
16.7%	16.7% #8C7D87	RGB 140 125 135	#8C7D87
33.3%	33.3% #796C74	RGB 121 108 116	#796C74
50.0%	50.0% #665B62	RGB 102 91 98	#665B62
66.7%	66.7% #534A4F	RGB 83 74 79	#534A4F
83.3%	83.3% #40393D	RGB 64 57 61	#40393D
100.0%	100.0% #2D282B	RGB 45 40 43	#2D282B

#9F8F9A #8C7D87 #796C74 #665B62 #534A4F #40393D #2D282B

#9F8F9A - #665B62 - #2D282B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8F9A 0%, #665B62 50%, #2D282B 100%);
    background: -webkit-linear-gradient(top, #9F8F9A 0%, #665B62 50%, #2D282B 100%);
    background: linear-gradient(to bottom, #9F8F9A 0%, #665B62 50%, #2D282B 100%);
}
</style>