#5E5E75 - #172B2B | 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 #5E5E75 a #172B2B

#5E5E75 #172B2B

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

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

0.0%	0.0% #5E5E75	RGB 94 94 117	#5E5E75
16.7%	16.7% #525568	RGB 82 85 104	#525568
33.3%	33.3% #464D5C	RGB 70 77 92	#464D5C
50.0%	50.0% #3A4450	RGB 58 68 80	#3A4450
66.7%	66.7% #2E3C43	RGB 46 60 67	#2E3C43
83.3%	83.3% #223337	RGB 34 51 55	#223337
100.0%	100.0% #172B2B	RGB 23 43 43	#172B2B

#5E5E75 #525568 #464D5C #3A4450 #2E3C43 #223337 #172B2B

#5E5E75 - #172B2B

Mezcla HSV

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

0.0%	0.0% #5E5E75	RGB 94 94 117	#5E5E75
16.7%	16.7% #4F5368	RGB 79 83 104	#4F5368
33.3%	33.3% #414A5C	RGB 65 74 92	#414A5C
50.0%	50.0% #354250	RGB 53 66 80	#354250
66.7%	66.7% #2A3B43	RGB 42 59 67	#2A3B43
83.3%	83.3% #203337	RGB 32 51 55	#203337
100.0%	100.0% #172B2B	RGB 23 43 43	#172B2B

#5E5E75 #4F5368 #414A5C #354250 #2A3B43 #203337 #172B2B

#5E5E75 - #354250 - #172B2B

Códigos CSS

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

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