#5B5E5C - #172F2B | 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 #5B5E5C a #172F2B

#5B5E5C #172F2B

Calcule el color entre dos colores, #5B5E5C y #172F2B. 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)

#5B5E5C - #172F2B | 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 #5B5E5C como 0% y #172F2B como 100%.

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4F5653	RGB 79 86 83	#4F5653
33.3%	33.3% #444E4B	RGB 68 78 75	#444E4B
50.0%	50.0% #394643	RGB 57 70 67	#394643
66.7%	66.7% #2D3E3B	RGB 45 62 59	#2D3E3B
83.3%	83.3% #223633	RGB 34 54 51	#223633
100.0%	100.0% #172F2B	RGB 23 47 43	#172F2B

#5B5E5C #4F5653 #444E4B #394643 #2D3E3B #223633 #172F2B

#5B5E5C - #172F2B

Mezcla HSV

#5B5E5C - #172F2B | 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 #5B5E5C como 0% y #172F2B como 100%.

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #4C5650	RGB 76 86 80	#4C5650
33.3%	33.3% #3F4E46	RGB 63 78 70	#3F4E46
50.0%	50.0% #33463E	RGB 51 70 62	#33463E
66.7%	66.7% #283E37	RGB 40 62 55	#283E37
83.3%	83.3% #1F3630	RGB 31 54 48	#1F3630
100.0%	100.0% #172F2B	RGB 23 47 43	#172F2B

#5B5E5C #4C5650 #3F4E46 #33463E #283E37 #1F3630 #172F2B

#5B5E5C - #33463E - #172F2B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5C 0%, #33463E 50%, #172F2B 100%);
    background: -webkit-linear-gradient(top, #5B5E5C 0%, #33463E 50%, #172F2B 100%);
    background: linear-gradient(to bottom, #5B5E5C 0%, #33463E 50%, #172F2B 100%);
}
</style>