#4F523B - #161710 | 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 #4F523B a #161710

#4F523B #161710

Calcule el color entre dos colores, #4F523B y #161710. 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)

#4F523B - #161710 | 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 #4F523B como 0% y #161710 como 100%.

0.0%	0.0% #4F523B	RGB 79 82 59	#4F523B
16.7%	16.7% #454833	RGB 69 72 51	#454833
33.3%	33.3% #3C3E2C	RGB 60 62 44	#3C3E2C
50.0%	50.0% #323425	RGB 50 52 37	#323425
66.7%	66.7% #292A1E	RGB 41 42 30	#292A1E
83.3%	83.3% #1F2017	RGB 31 32 23	#1F2017
100.0%	100.0% #161710	RGB 22 23 16	#161710

#4F523B #454833 #3C3E2C #323425 #292A1E #1F2017 #161710

#4F523B - #161710

Mezcla HSV

#4F523B - #161710 | 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 #4F523B como 0% y #161710 como 100%.

0.0%	0.0% #4F523B	RGB 79 82 59	#4F523B
16.7%	16.7% #454833	RGB 69 72 51	#454833
33.3%	33.3% #3B3E2C	RGB 59 62 44	#3B3E2C
50.0%	50.0% #323425	RGB 50 52 37	#323425
66.7%	66.7% #282A1E	RGB 40 42 30	#282A1E
83.3%	83.3% #1F2016	RGB 31 32 22	#1F2016
100.0%	100.0% #161710	RGB 22 23 16	#161710

#4F523B #454833 #3B3E2C #323425 #282A1E #1F2016 #161710

#4F523B - #323425 - #161710

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F523B 0%, #323425 50%, #161710 100%);
    background: -webkit-linear-gradient(top, #4F523B 0%, #323425 50%, #161710 100%);
    background: linear-gradient(to bottom, #4F523B 0%, #323425 50%, #161710 100%);
}
</style>