#3D3C35 - #A8825C | 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 #3D3C35 a #A8825C

#3D3C35 #A8825C

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

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #4E473B	RGB 78 71 59	#4E473B
33.3%	33.3% #605342	RGB 96 83 66	#605342
50.0%	50.0% #725F48	RGB 114 95 72	#725F48
66.7%	66.7% #846A4F	RGB 132 106 79	#846A4F
83.3%	83.3% #967655	RGB 150 118 85	#967655
100.0%	100.0% #A8825C	RGB 168 130 92	#A8825C

#3D3C35 #4E473B #605342 #725F48 #846A4F #967655 #A8825C

#3D3C35 - #A8825C

Mezcla HSV

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

0.0%	0.0% #3D3C35	RGB 61 60 53	#3D3C35
16.7%	16.7% #4E4C40	RGB 78 76 64	#4E4C40
33.3%	33.3% #605A49	RGB 96 90 73	#605A49
50.0%	50.0% #726851	RGB 114 104 81	#726851
66.7%	66.7% #847356	RGB 132 115 86	#847356
83.3%	83.3% #967B5A	RGB 150 123 90	#967B5A
100.0%	100.0% #A8825C	RGB 168 130 92	#A8825C

#3D3C35 #4E4C40 #605A49 #726851 #847356 #967B5A #A8825C

#3D3C35 - #726851 - #A8825C

Códigos CSS

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

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