#5E5C5E - #350F45 | 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 #5E5C5E a #350F45

#5E5C5E #350F45

Calcule el color entre dos colores, #5E5C5E y #350F45. 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)

#5E5C5E - #350F45 | 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 #5E5C5E como 0% y #350F45 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #574F59	RGB 87 79 89	#574F59
33.3%	33.3% #504255	RGB 80 66 85	#504255
50.0%	50.0% #493551	RGB 73 53 81	#493551
66.7%	66.7% #42284D	RGB 66 40 77	#42284D
83.3%	83.3% #3B1B49	RGB 59 27 73	#3B1B49
100.0%	100.0% #350F45	RGB 53 15 69	#350F45

#5E5C5E #574F59 #504255 #493551 #42284D #3B1B49 #350F45

#5E5C5E - #350F45

Mezcla HSV

#5E5C5E - #350F45 | 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 #5E5C5E como 0% y #350F45 como 100%.

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #594C59	RGB 89 76 89	#594C59
33.3%	33.3% #533E55	RGB 83 62 85	#533E55
50.0%	50.0% #4C3051	RGB 76 48 81	#4C3051
66.7%	66.7% #45244D	RGB 69 36 77	#45244D
83.3%	83.3% #3D1949	RGB 61 25 73	#3D1949
100.0%	100.0% #350F45	RGB 53 15 69	#350F45

#5E5C5E #594C59 #533E55 #4C3051 #45244D #3D1949 #350F45

#5E5C5E - #4C3051 - #350F45

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #4C3051 50%, #350F45 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #4C3051 50%, #350F45 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #4C3051 50%, #350F45 100%);
}
</style>