#4C5E4D - #151A16 | 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 #4C5E4D a #151A16

#4C5E4D #151A16

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

#4C5E4D - #151A16 | 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 #4C5E4D como 0% y #151A16 como 100%.

0.0%	0.0% #4C5E4D	RGB 76 94 77	#4C5E4D
16.7%	16.7% #425243	RGB 66 82 67	#425243
33.3%	33.3% #39473A	RGB 57 71 58	#39473A
50.0%	50.0% #303C31	RGB 48 60 49	#303C31
66.7%	66.7% #273028	RGB 39 48 40	#273028
83.3%	83.3% #1E251F	RGB 30 37 31	#1E251F
100.0%	100.0% #151A16	RGB 21 26 22	#151A16

#4C5E4D #425243 #39473A #303C31 #273028 #1E251F #151A16

#4C5E4D - #151A16

Mezcla HSV

#4C5E4D - #151A16 | 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 #4C5E4D como 0% y #151A16 como 100%.

0.0%	0.0% #4C5E4D	RGB 76 94 77	#4C5E4D
16.7%	16.7% #425244	RGB 66 82 68	#425244
33.3%	33.3% #39473B	RGB 57 71 59	#39473B
50.0%	50.0% #303C31	RGB 48 60 49	#303C31
66.7%	66.7% #273028	RGB 39 48 40	#273028
83.3%	83.3% #1E251F	RGB 30 37 31	#1E251F
100.0%	100.0% #151A16	RGB 21 26 22	#151A16

#4C5E4D #425244 #39473B #303C31 #273028 #1E251F #151A16

#4C5E4D - #303C31 - #151A16

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E4D 0%, #303C31 50%, #151A16 100%);
    background: -webkit-linear-gradient(top, #4C5E4D 0%, #303C31 50%, #151A16 100%);
    background: linear-gradient(to bottom, #4C5E4D 0%, #303C31 50%, #151A16 100%);
}
</style>