#353D32 - #848C5E | 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 #353D32 a #848C5E

#353D32 #848C5E

Calcule el color entre dos colores, #353D32 y #848C5E. 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)

#353D32 - #848C5E | 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 #353D32 como 0% y #848C5E como 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #424A39	RGB 66 74 57	#424A39
33.3%	33.3% #4F5740	RGB 79 87 64	#4F5740
50.0%	50.0% #5C6448	RGB 92 100 72	#5C6448
66.7%	66.7% #69714F	RGB 105 113 79	#69714F
83.3%	83.3% #767E56	RGB 118 126 86	#767E56
100.0%	100.0% #848C5E	RGB 132 140 94	#848C5E

#353D32 #424A39 #4F5740 #5C6448 #69714F #767E56 #848C5E

#353D32 - #848C5E

Mezcla HSV

#353D32 - #848C5E | 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 #353D32 como 0% y #848C5E como 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #404A3A	RGB 64 74 58	#404A3A
33.3%	33.3% #4C5743	RGB 76 87 67	#4C5743
50.0%	50.0% #58644A	RGB 88 100 74	#58644A
66.7%	66.7% #667151	RGB 102 113 81	#667151
83.3%	83.3% #747E58	RGB 116 126 88	#747E58
100.0%	100.0% #848C5E	RGB 132 140 94	#848C5E

#353D32 #404A3A #4C5743 #58644A #667151 #747E58 #848C5E

#353D32 - #58644A - #848C5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353D32 0%, #58644A 50%, #848C5E 100%);
    background: -webkit-linear-gradient(top, #353D32 0%, #58644A 50%, #848C5E 100%);
    background: linear-gradient(to bottom, #353D32 0%, #58644A 50%, #848C5E 100%);
}
</style>