#3C3E3C - #8C8F67 | 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 #8C8F67

#3C3E3C #8C8F67

Calcule el color entre dos colores, #3C3E3C y #8C8F67. 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 - #8C8F67 | 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 #8C8F67 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494B43	RGB 73 75 67	#494B43
33.3%	33.3% #56594A	RGB 86 89 74	#56594A
50.0%	50.0% #646651	RGB 100 102 81	#646651
66.7%	66.7% #717458	RGB 113 116 88	#717458
83.3%	83.3% #7E815F	RGB 126 129 95	#7E815F
100.0%	100.0% #8C8F67	RGB 140 143 103	#8C8F67

#3C3E3C #494B43 #56594A #646651 #717458 #7E815F #8C8F67

#3C3E3C - #8C8F67

Mezcla HSV

#3C3E3C - #8C8F67 | 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 #8C8F67 como 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #464B45	RGB 70 75 69	#464B45
33.3%	33.3% #51594E	RGB 81 89 78	#51594E
50.0%	50.0% #5D6656	RGB 93 102 86	#5D6656
66.7%	66.7% #6B745D	RGB 107 116 93	#6B745D
83.3%	83.3% #7A8162	RGB 122 129 98	#7A8162
100.0%	100.0% #8C8F67	RGB 140 143 103	#8C8F67

#3C3E3C #464B45 #51594E #5D6656 #6B745D #7A8162 #8C8F67

#3C3E3C - #5D6656 - #8C8F67

Códigos CSS

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

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