#868293 - #3B2D5E | 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 #868293 a #3B2D5E

#868293 #3B2D5E

Calcule el color entre dos colores, #868293 y #3B2D5E. 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)

#868293 - #3B2D5E | 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 #868293 como 0% y #3B2D5E como 100%.

0.0%	0.0% #868293	RGB 134 130 147	#868293
16.7%	16.7% #79738A	RGB 121 115 138	#79738A
33.3%	33.3% #6D6581	RGB 109 101 129	#6D6581
50.0%	50.0% #605778	RGB 96 87 120	#605778
66.7%	66.7% #54496F	RGB 84 73 111	#54496F
83.3%	83.3% #473B66	RGB 71 59 102	#473B66
100.0%	100.0% #3B2D5E	RGB 59 45 94	#3B2D5E

#868293 #79738A #6D6581 #605778 #54496F #473B66 #3B2D5E

#868293 - #3B2D5E

Mezcla HSV

#868293 - #3B2D5E | 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 #868293 como 0% y #3B2D5E como 100%.

0.0%	0.0% #868293	RGB 134 130 147	#868293
16.7%	16.7% #77708A	RGB 119 112 138	#77708A
33.3%	33.3% #696081	RGB 105 96 129	#696081
50.0%	50.0% #5C5278	RGB 92 82 120	#5C5278
66.7%	66.7% #50446F	RGB 80 68 111	#50446F
83.3%	83.3% #453866	RGB 69 56 102	#453866
100.0%	100.0% #3B2D5E	RGB 59 45 94	#3B2D5E

#868293 #77708A #696081 #5C5278 #50446F #453866 #3B2D5E

#868293 - #5C5278 - #3B2D5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #868293 0%, #5C5278 50%, #3B2D5E 100%);
    background: -webkit-linear-gradient(top, #868293 0%, #5C5278 50%, #3B2D5E 100%);
    background: linear-gradient(to bottom, #868293 0%, #5C5278 50%, #3B2D5E 100%);
}
</style>