#4D5E2D - #151A0C | 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 #4D5E2D a #151A0C

#4D5E2D #151A0C

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

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

0.0%	0.0% #4D5E2D	RGB 77 94 45	#4D5E2D
16.7%	16.7% #435227	RGB 67 82 39	#435227
33.3%	33.3% #3A4722	RGB 58 71 34	#3A4722
50.0%	50.0% #313C1C	RGB 49 60 28	#313C1C
66.7%	66.7% #273017	RGB 39 48 23	#273017
83.3%	83.3% #1E2511	RGB 30 37 17	#1E2511
100.0%	100.0% #151A0C	RGB 21 26 12	#151A0C

#4D5E2D #435227 #3A4722 #313C1C #273017 #1E2511 #151A0C

#4D5E2D - #151A0C

Mezcla HSV

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

0.0%	0.0% #4D5E2D	RGB 77 94 45	#4D5E2D
16.7%	16.7% #435227	RGB 67 82 39	#435227
33.3%	33.3% #3A4721	RGB 58 71 33	#3A4721
50.0%	50.0% #303C1C	RGB 48 60 28	#303C1C
66.7%	66.7% #273016	RGB 39 48 22	#273016
83.3%	83.3% #1E2511	RGB 30 37 17	#1E2511
100.0%	100.0% #151A0C	RGB 21 26 12	#151A0C

#4D5E2D #435227 #3A4721 #303C1C #273016 #1E2511 #151A0C

#4D5E2D - #303C1C - #151A0C

Códigos CSS

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

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