#5E5E53 - #45370D | 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 #5E5E53 a #45370D

#5E5E53 #45370D

Calcule el color entre dos colores, #5E5E53 y #45370D. 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)

#5E5E53 - #45370D | 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 #5E5E53 como 0% y #45370D como 100%.

0.0%	0.0% #5E5E53	RGB 94 94 83	#5E5E53
16.7%	16.7% #595747	RGB 89 87 71	#595747
33.3%	33.3% #55513B	RGB 85 81 59	#55513B
50.0%	50.0% #514A30	RGB 81 74 48	#514A30
66.7%	66.7% #4D4424	RGB 77 68 36	#4D4424
83.3%	83.3% #493D18	RGB 73 61 24	#493D18
100.0%	100.0% #45370D	RGB 69 55 13	#45370D

#5E5E53 #595747 #55513B #514A30 #4D4424 #493D18 #45370D

#5E5E53 - #45370D

Mezcla HSV

#5E5E53 - #45370D | 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 #5E5E53 como 0% y #45370D como 100%.

0.0%	0.0% #5E5E53	RGB 94 94 83	#5E5E53
16.7%	16.7% #595844	RGB 89 88 68	#595844
33.3%	33.3% #555337	RGB 85 83 55	#555337
50.0%	50.0% #514C2B	RGB 81 76 43	#514C2B
66.7%	66.7% #4D4520	RGB 77 69 32	#4D4520
83.3%	83.3% #493E16	RGB 73 62 22	#493E16
100.0%	100.0% #45370D	RGB 69 55 13	#45370D

#5E5E53 #595844 #555337 #514C2B #4D4520 #493E16 #45370D

#5E5E53 - #514C2B - #45370D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E53 0%, #514C2B 50%, #45370D 100%);
    background: -webkit-linear-gradient(top, #5E5E53 0%, #514C2B 50%, #45370D 100%);
    background: linear-gradient(to bottom, #5E5E53 0%, #514C2B 50%, #45370D 100%);
}
</style>