#929A8C - #292C28 | 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 #929A8C a #292C28

#929A8C #292C28

Calcule el color entre dos colores, #929A8C y #292C28. 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)

#929A8C - #292C28 | 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 #929A8C como 0% y #292C28 como 100%.

0.0%	0.0% #929A8C	RGB 146 154 140	#929A8C
16.7%	16.7% #80877B	RGB 128 135 123	#80877B
33.3%	33.3% #6F756A	RGB 111 117 106	#6F756A
50.0%	50.0% #5D635A	RGB 93 99 90	#5D635A
66.7%	66.7% #4C5049	RGB 76 80 73	#4C5049
83.3%	83.3% #3A3E38	RGB 58 62 56	#3A3E38
100.0%	100.0% #292C28	RGB 41 44 40	#292C28

#929A8C #80877B #6F756A #5D635A #4C5049 #3A3E38 #292C28

#929A8C - #292C28

Mezcla HSV

#929A8C - #292C28 | 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 #929A8C como 0% y #292C28 como 100%.

0.0%	0.0% #929A8C	RGB 146 154 140	#929A8C
16.7%	16.7% #80877B	RGB 128 135 123	#80877B
33.3%	33.3% #6E756A	RGB 110 117 106	#6E756A
50.0%	50.0% #5D635A	RGB 93 99 90	#5D635A
66.7%	66.7% #4B5049	RGB 75 80 73	#4B5049
83.3%	83.3% #3A3E38	RGB 58 62 56	#3A3E38
100.0%	100.0% #292C28	RGB 41 44 40	#292C28

#929A8C #80877B #6E756A #5D635A #4B5049 #3A3E38 #292C28

#929A8C - #5D635A - #292C28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #929A8C 0%, #5D635A 50%, #292C28 100%);
    background: -webkit-linear-gradient(top, #929A8C 0%, #5D635A 50%, #292C28 100%);
    background: linear-gradient(to bottom, #929A8C 0%, #5D635A 50%, #292C28 100%);
}
</style>