#838485 - #373C3E | 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 #838485 a #373C3E

#838485 #373C3E

Calcule el color entre dos colores, #838485 y #373C3E. 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)

#838485 - #373C3E | 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 #838485 como 0% y #373C3E como 100%.

0.0%	0.0% #838485	RGB 131 132 133	#838485
16.7%	16.7% #767879	RGB 118 120 121	#767879
33.3%	33.3% #696C6D	RGB 105 108 109	#696C6D
50.0%	50.0% #5D6061	RGB 93 96 97	#5D6061
66.7%	66.7% #505455	RGB 80 84 85	#505455
83.3%	83.3% #434849	RGB 67 72 73	#434849
100.0%	100.0% #373C3E	RGB 55 60 62	#373C3E

#838485 #767879 #696C6D #5D6061 #505455 #434849 #373C3E

#838485 - #373C3E

Mezcla HSV

#838485 - #373C3E | 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 #838485 como 0% y #373C3E como 100%.

0.0%	0.0% #838485	RGB 131 132 133	#838485
16.7%	16.7% #757779	RGB 117 119 121	#757779
33.3%	33.3% #686B6D	RGB 104 107 109	#686B6D
50.0%	50.0% #5B5F61	RGB 91 95 97	#5B5F61
66.7%	66.7% #4E5355	RGB 78 83 85	#4E5355
83.3%	83.3% #424749	RGB 66 71 73	#424749
100.0%	100.0% #373C3E	RGB 55 60 62	#373C3E

#838485 #757779 #686B6D #5B5F61 #4E5355 #424749 #373C3E

#838485 - #5B5F61 - #373C3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838485 0%, #5B5F61 50%, #373C3E 100%);
    background: -webkit-linear-gradient(top, #838485 0%, #5B5F61 50%, #373C3E 100%);
    background: linear-gradient(to bottom, #838485 0%, #5B5F61 50%, #373C3E 100%);
}
</style>