#3C3D3B - #111010 | 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 #111010

#3C3D3B #111010

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

0.0%	0.0% #3C3D3B	RGB 60 61 59	#3C3D3B
16.7%	16.7% #343533	RGB 52 53 51	#343533
33.3%	33.3% #2D2E2C	RGB 45 46 44	#2D2E2C
50.0%	50.0% #262625	RGB 38 38 37	#262625
66.7%	66.7% #1F1F1E	RGB 31 31 30	#1F1F1E
83.3%	83.3% #181717	RGB 24 23 23	#181717
100.0%	100.0% #111010	RGB 17 16 16	#111010

#3C3D3B #343533 #2D2E2C #262625 #1F1F1E #181717 #111010

#3C3D3B - #111010

Mezcla HSV

#3C3D3B - #111010 | 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 #111010 como 100%.

0.0%	0.0% #3C3D3B	RGB 60 61 59	#3C3D3B
16.7%	16.7% #353533	RGB 53 53 51	#353533
33.3%	33.3% #2E2E2C	RGB 46 46 44	#2E2E2C
50.0%	50.0% #272625	RGB 39 38 37	#272625
66.7%	66.7% #1F1E1E	RGB 31 30 30	#1F1E1E
83.3%	83.3% #181717	RGB 24 23 23	#181717
100.0%	100.0% #111010	RGB 17 16 16	#111010

#3C3D3B #353533 #2E2E2C #272625 #1F1E1E #181717 #111010

#3C3D3B - #272625 - #111010

Códigos CSS

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

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