#3C3D3B - #172C01 | 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 #3C3D3B a #172C01

#3C3D3B #172C01

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

#3C3D3B - #172C01 | 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 #3C3D3B como 0% y #172C01 como 100%.

0.0%	0.0% #3C3D3B	RGB 60 61 59	#3C3D3B
16.7%	16.7% #353A31	RGB 53 58 49	#353A31
33.3%	33.3% #2F3727	RGB 47 55 39	#2F3727
50.0%	50.0% #29341E	RGB 41 52 30	#29341E
66.7%	66.7% #233114	RGB 35 49 20	#233114
83.3%	83.3% #1D2E0A	RGB 29 46 10	#1D2E0A
100.0%	100.0% #172C01	RGB 23 44 1	#172C01

#3C3D3B #353A31 #2F3727 #29341E #233114 #1D2E0A #172C01

#3C3D3B - #172C01

Mezcla HSV

#3C3D3B - #172C01 | 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 #3C3D3B como 0% y #172C01 como 100%.

0.0%	0.0% #3C3D3B	RGB 60 61 59	#3C3D3B
16.7%	16.7% #343A2F	RGB 52 58 47	#343A2F
33.3%	33.3% #2D3724	RGB 45 55 36	#2D3724
50.0%	50.0% #273419	RGB 39 52 25	#273419
66.7%	66.7% #213110	RGB 33 49 16	#213110
83.3%	83.3% #1C2E08	RGB 28 46 8	#1C2E08
100.0%	100.0% #172C01	RGB 23 44 1	#172C01

#3C3D3B #343A2F #2D3724 #273419 #213110 #1C2E08 #172C01

#3C3D3B - #273419 - #172C01

Códigos CSS

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

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