#5D5C5E - #300F50 | 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 #5D5C5E a #300F50

#5D5C5E #300F50

Calcule el color entre dos colores, #5D5C5E y #300F50. 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)

#5D5C5E - #300F50 | 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 #5D5C5E como 0% y #300F50 como 100%.

0.0%	0.0% #5D5C5E	RGB 93 92 94	#5D5C5E
16.7%	16.7% #554F5B	RGB 85 79 91	#554F5B
33.3%	33.3% #4E4259	RGB 78 66 89	#4E4259
50.0%	50.0% #463557	RGB 70 53 87	#463557
66.7%	66.7% #3F2854	RGB 63 40 84	#3F2854
83.3%	83.3% #371B52	RGB 55 27 82	#371B52
100.0%	100.0% #300F50	RGB 48 15 80	#300F50

#5D5C5E #554F5B #4E4259 #463557 #3F2854 #371B52 #300F50

#5D5C5E - #300F50

Mezcla HSV

#5D5C5E - #300F50 | 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 #5D5C5E como 0% y #300F50 como 100%.

0.0%	0.0% #5D5C5E	RGB 93 92 94	#5D5C5E
16.7%	16.7% #544D5B	RGB 84 77 91	#544D5B
33.3%	33.3% #4C3F59	RGB 76 63 89	#4C3F59
50.0%	50.0% #453257	RGB 69 50 87	#453257
66.7%	66.7% #3D2654	RGB 61 38 84	#3D2654
83.3%	83.3% #361A52	RGB 54 26 82	#361A52
100.0%	100.0% #300F50	RGB 48 15 80	#300F50

#5D5C5E #544D5B #4C3F59 #453257 #3D2654 #361A52 #300F50

#5D5C5E - #453257 - #300F50

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5C5E 0%, #453257 50%, #300F50 100%);
    background: -webkit-linear-gradient(top, #5D5C5E 0%, #453257 50%, #300F50 100%);
    background: linear-gradient(to bottom, #5D5C5E 0%, #453257 50%, #300F50 100%);
}
</style>