#4E4E4D - #3D2F08 | 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 #4E4E4D a #3D2F08

#4E4E4D #3D2F08

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

#4E4E4D - #3D2F08 | 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 #4E4E4D como 0% y #3D2F08 como 100%.

0.0%	0.0% #4E4E4D	RGB 78 78 77	#4E4E4D
16.7%	16.7% #4B4841	RGB 75 72 65	#4B4841
33.3%	33.3% #484336	RGB 72 67 54	#484336
50.0%	50.0% #453E2A	RGB 69 62 42	#453E2A
66.7%	66.7% #42391F	RGB 66 57 31	#42391F
83.3%	83.3% #3F3413	RGB 63 52 19	#3F3413
100.0%	100.0% #3D2F08	RGB 61 47 8	#3D2F08

#4E4E4D #4B4841 #484336 #453E2A #42391F #3F3413 #3D2F08

#4E4E4D - #3D2F08

Mezcla HSV

#4E4E4D - #3D2F08 | 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 #4E4E4D como 0% y #3D2F08 como 100%.

0.0%	0.0% #4E4E4D	RGB 78 78 77	#4E4E4D
16.7%	16.7% #4B4A3F	RGB 75 74 63	#4B4A3F
33.3%	33.3% #484632	RGB 72 70 50	#484632
50.0%	50.0% #454126	RGB 69 65 38	#454126
66.7%	66.7% #423B1B	RGB 66 59 27	#423B1B
83.3%	83.3% #3F3511	RGB 63 53 17	#3F3511
100.0%	100.0% #3D2F08	RGB 61 47 8	#3D2F08

#4E4E4D #4B4A3F #484632 #454126 #423B1B #3F3511 #3D2F08

#4E4E4D - #454126 - #3D2F08

Códigos CSS

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

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