#343D32 - #858C5E | 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 #343D32 a #858C5E

#343D32 #858C5E

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

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

0.0%	0.0% #343D32	RGB 52 61 50	#343D32
16.7%	16.7% #414A39	RGB 65 74 57	#414A39
33.3%	33.3% #4F5740	RGB 79 87 64	#4F5740
50.0%	50.0% #5C6448	RGB 92 100 72	#5C6448
66.7%	66.7% #6A714F	RGB 106 113 79	#6A714F
83.3%	83.3% #777E56	RGB 119 126 86	#777E56
100.0%	100.0% #858C5E	RGB 133 140 94	#858C5E

#343D32 #414A39 #4F5740 #5C6448 #6A714F #777E56 #858C5E

#343D32 - #858C5E

Mezcla HSV

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

0.0%	0.0% #343D32	RGB 52 61 50	#343D32
16.7%	16.7% #3F4A3A	RGB 63 74 58	#3F4A3A
33.3%	33.3% #4B5743	RGB 75 87 67	#4B5743
50.0%	50.0% #58644A	RGB 88 100 74	#58644A
66.7%	66.7% #657151	RGB 101 113 81	#657151
83.3%	83.3% #747E58	RGB 116 126 88	#747E58
100.0%	100.0% #858C5E	RGB 133 140 94	#858C5E

#343D32 #3F4A3A #4B5743 #58644A #657151 #747E58 #858C5E

#343D32 - #58644A - #858C5E

Códigos CSS

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

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