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

#3C3E3C #8F7A67

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #494843	RGB 73 72 67	#494843
33.3%	33.3% #57524A	RGB 87 82 74	#57524A
50.0%	50.0% #655C51	RGB 101 92 81	#655C51
66.7%	66.7% #736658	RGB 115 102 88	#736658
83.3%	83.3% #81705F	RGB 129 112 95	#81705F
100.0%	100.0% #8F7A67	RGB 143 122 103	#8F7A67

#3C3E3C #494843 #57524A #655C51 #736658 #81705F #8F7A67

#3C3E3C - #8F7A67

Mezcla HSV

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

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #474B45	RGB 71 75 69	#474B45
33.3%	33.3% #53594E	RGB 83 89 78	#53594E
50.0%	50.0% #626656	RGB 98 102 86	#626656
66.7%	66.7% #74735D	RGB 116 115 93	#74735D
83.3%	83.3% #817962	RGB 129 121 98	#817962
100.0%	100.0% #8F7A67	RGB 143 122 103	#8F7A67

#3C3E3C #474B45 #53594E #626656 #74735D #817962 #8F7A67

#3C3E3C - #626656 - #8F7A67

Códigos CSS

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

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