#323D3C - #5E8C6E | 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 #323D3C a #5E8C6E

#323D3C #5E8C6E

Calcule el color entre dos colores, #323D3C y #5E8C6E. 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)

#323D3C - #5E8C6E | 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 #323D3C como 0% y #5E8C6E como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #394A44	RGB 57 74 68	#394A44
33.3%	33.3% #40574C	RGB 64 87 76	#40574C
50.0%	50.0% #486455	RGB 72 100 85	#486455
66.7%	66.7% #4F715D	RGB 79 113 93	#4F715D
83.3%	83.3% #567E65	RGB 86 126 101	#567E65
100.0%	100.0% #5E8C6E	RGB 94 140 110	#5E8C6E

#323D3C #394A44 #40574C #486455 #4F715D #567E65 #5E8C6E

#323D3C - #5E8C6E

Mezcla HSV

#323D3C - #5E8C6E | 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 #323D3C como 0% y #5E8C6E como 100%.

0.0%	0.0% #323D3C	RGB 50 61 60	#323D3C
16.7%	16.7% #3A4A47	RGB 58 74 71	#3A4A47
33.3%	33.3% #435751	RGB 67 87 81	#435751
50.0%	50.0% #4A645A	RGB 74 100 90	#4A645A
66.7%	66.7% #517162	RGB 81 113 98	#517162
83.3%	83.3% #587E69	RGB 88 126 105	#587E69
100.0%	100.0% #5E8C6E	RGB 94 140 110	#5E8C6E

#323D3C #3A4A47 #435751 #4A645A #517162 #587E69 #5E8C6E

#323D3C - #4A645A - #5E8C6E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
    background: -webkit-linear-gradient(top, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
    background: linear-gradient(to bottom, #323D3C 0%, #4A645A 50%, #5E8C6E 100%);
}
</style>