#4A5E46 - #151A14 | 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 #4A5E46 a #151A14

#4A5E46 #151A14

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

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

0.0%	0.0% #4A5E46	RGB 74 94 70	#4A5E46
16.7%	16.7% #41523D	RGB 65 82 61	#41523D
33.3%	33.3% #384735	RGB 56 71 53	#384735
50.0%	50.0% #2F3C2D	RGB 47 60 45	#2F3C2D
66.7%	66.7% #263024	RGB 38 48 36	#263024
83.3%	83.3% #1D251C	RGB 29 37 28	#1D251C
100.0%	100.0% #151A14	RGB 21 26 20	#151A14

#4A5E46 #41523D #384735 #2F3C2D #263024 #1D251C #151A14

#4A5E46 - #151A14

Mezcla HSV

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

0.0%	0.0% #4A5E46	RGB 74 94 70	#4A5E46
16.7%	16.7% #41523D	RGB 65 82 61	#41523D
33.3%	33.3% #384735	RGB 56 71 53	#384735
50.0%	50.0% #2F3C2D	RGB 47 60 45	#2F3C2D
66.7%	66.7% #263025	RGB 38 48 37	#263025
83.3%	83.3% #1E251C	RGB 30 37 28	#1E251C
100.0%	100.0% #151A14	RGB 21 26 20	#151A14

#4A5E46 #41523D #384735 #2F3C2D #263025 #1E251C #151A14

#4A5E46 - #2F3C2D - #151A14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A5E46 0%, #2F3C2D 50%, #151A14 100%);
    background: -webkit-linear-gradient(top, #4A5E46 0%, #2F3C2D 50%, #151A14 100%);
    background: linear-gradient(to bottom, #4A5E46 0%, #2F3C2D 50%, #151A14 100%);
}
</style>