#3D3C36 - #A8825D | 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 #3D3C36 a #A8825D

#3D3C36 #A8825D

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

#3D3C36 - #A8825D | 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 #3D3C36 como 0% y #A8825D como 100%.

0.0%	0.0% #3D3C36	RGB 61 60 54	#3D3C36
16.7%	16.7% #4E473C	RGB 78 71 60	#4E473C
33.3%	33.3% #605343	RGB 96 83 67	#605343
50.0%	50.0% #725F49	RGB 114 95 73	#725F49
66.7%	66.7% #846A50	RGB 132 106 80	#846A50
83.3%	83.3% #967656	RGB 150 118 86	#967656
100.0%	100.0% #A8825D	RGB 168 130 93	#A8825D

#3D3C36 #4E473C #605343 #725F49 #846A50 #967656 #A8825D

#3D3C36 - #A8825D

Mezcla HSV

#3D3C36 - #A8825D | 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 #3D3C36 como 0% y #A8825D como 100%.

0.0%	0.0% #3D3C36	RGB 61 60 54	#3D3C36
16.7%	16.7% #4E4C41	RGB 78 76 65	#4E4C41
33.3%	33.3% #605A4A	RGB 96 90 74	#605A4A
50.0%	50.0% #726852	RGB 114 104 82	#726852
66.7%	66.7% #847357	RGB 132 115 87	#847357
83.3%	83.3% #967B5B	RGB 150 123 91	#967B5B
100.0%	100.0% #A8825D	RGB 168 130 93	#A8825D

#3D3C36 #4E4C41 #605A4A #726852 #847357 #967B5B #A8825D

#3D3C36 - #726852 - #A8825D

Códigos CSS

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

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