#3D3E3C - #8F8667 | 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 #3D3E3C a #8F8667

#3D3E3C #8F8667

Calcule el color entre dos colores, #3D3E3C y #8F8667. 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)

#3D3E3C - #8F8667 | 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 #3D3E3C como 0% y #8F8667 como 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #4A4A43	RGB 74 74 67	#4A4A43
33.3%	33.3% #58564A	RGB 88 86 74	#58564A
50.0%	50.0% #666251	RGB 102 98 81	#666251
66.7%	66.7% #736E58	RGB 115 110 88	#736E58
83.3%	83.3% #817A5F	RGB 129 122 95	#817A5F
100.0%	100.0% #8F8667	RGB 143 134 103	#8F8667

#3D3E3C #4A4A43 #58564A #666251 #736E58 #817A5F #8F8667

#3D3E3C - #8F8667

Mezcla HSV

#3D3E3C - #8F8667 | 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 #3D3E3C como 0% y #8F8667 como 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #494B45	RGB 73 75 69	#494B45
33.3%	33.3% #56594E	RGB 86 89 78	#56594E
50.0%	50.0% #646656	RGB 100 102 86	#646656
66.7%	66.7% #73745D	RGB 115 116 93	#73745D
83.3%	83.3% #817E62	RGB 129 126 98	#817E62
100.0%	100.0% #8F8667	RGB 143 134 103	#8F8667

#3D3E3C #494B45 #56594E #646656 #73745D #817E62 #8F8667

#3D3E3C - #646656 - #8F8667

Códigos CSS

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

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