#9A8C97 - #2C282B | 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 #9A8C97 a #2C282B

#9A8C97 #2C282B

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

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

0.0%	0.0% #9A8C97	RGB 154 140 151	#9A8C97
16.7%	16.7% #877B85	RGB 135 123 133	#877B85
33.3%	33.3% #756A73	RGB 117 106 115	#756A73
50.0%	50.0% #635A61	RGB 99 90 97	#635A61
66.7%	66.7% #50494F	RGB 80 73 79	#50494F
83.3%	83.3% #3E383D	RGB 62 56 61	#3E383D
100.0%	100.0% #2C282B	RGB 44 40 43	#2C282B

#9A8C97 #877B85 #756A73 #635A61 #50494F #3E383D #2C282B

#9A8C97 - #2C282B

Mezcla HSV

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

0.0%	0.0% #9A8C97	RGB 154 140 151	#9A8C97
16.7%	16.7% #877B84	RGB 135 123 132	#877B84
33.3%	33.3% #756A72	RGB 117 106 114	#756A72
50.0%	50.0% #635A60	RGB 99 90 96	#635A60
66.7%	66.7% #50494E	RGB 80 73 78	#50494E
83.3%	83.3% #3E383C	RGB 62 56 60	#3E383C
100.0%	100.0% #2C282B	RGB 44 40 43	#2C282B

#9A8C97 #877B84 #756A72 #635A60 #50494E #3E383C #2C282B

#9A8C97 - #635A60 - #2C282B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C97 0%, #635A60 50%, #2C282B 100%);
    background: -webkit-linear-gradient(top, #9A8C97 0%, #635A60 50%, #2C282B 100%);
    background: linear-gradient(to bottom, #9A8C97 0%, #635A60 50%, #2C282B 100%);
}
</style>