#3C3E3C - #868B60 | 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 #3C3E3C a #868B60

#3C3E3C #868B60

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

#3C3E3C - #868B60 | 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 #3C3E3C como 0% y #868B60 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #484A42	RGB 72 74 66	#484A42
33.3%	33.3% #545748	RGB 84 87 72	#545748
50.0%	50.0% #61644E	RGB 97 100 78	#61644E
66.7%	66.7% #6D7154	RGB 109 113 84	#6D7154
83.3%	83.3% #797E5A	RGB 121 126 90	#797E5A
100.0%	100.0% #868B60	RGB 134 139 96	#868B60

#3C3E3C #484A42 #545748 #61644E #6D7154 #797E5A #868B60

#3C3E3C - #868B60

Mezcla HSV

#3C3E3C - #868B60 | 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 #3C3E3C como 0% y #868B60 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #454A44	RGB 69 74 68	#454A44
33.3%	33.3% #4F574C	RGB 79 87 76	#4F574C
50.0%	50.0% #5A6453	RGB 90 100 83	#5A6453
66.7%	66.7% #677158	RGB 103 113 88	#677158
83.3%	83.3% #757E5C	RGB 117 126 92	#757E5C
100.0%	100.0% #868B60	RGB 134 139 96	#868B60

#3C3E3C #454A44 #4F574C #5A6453 #677158 #757E5C #868B60

#3C3E3C - #5A6453 - #868B60

Códigos CSS

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

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