#484B23 - #AA944E | 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 #484B23 a #AA944E

#484B23 #AA944E

Calcule el color entre dos colores, #484B23 y #AA944E. 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)

#484B23 - #AA944E | 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 #484B23 como 0% y #AA944E como 100%.

0.0%	0.0% #484B23	RGB 72 75 35	#484B23
16.7%	16.7% #58572A	RGB 88 87 42	#58572A
33.3%	33.3% #686331	RGB 104 99 49	#686331
50.0%	50.0% #796F38	RGB 121 111 56	#796F38
66.7%	66.7% #897B3F	RGB 137 123 63	#897B3F
83.3%	83.3% #998746	RGB 153 135 70	#998746
100.0%	100.0% #AA944E	RGB 170 148 78	#AA944E

#484B23 #58572A #686331 #796F38 #897B3F #998746 #AA944E

#484B23 - #AA944E

Mezcla HSV

#484B23 - #AA944E | 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 #484B23 como 0% y #AA944E como 100%.

0.0%	0.0% #484B23	RGB 72 75 35	#484B23
16.7%	16.7% #595A2A	RGB 89 90 42	#595A2A
33.3%	33.3% #6A6831	RGB 106 104 49	#6A6831
50.0%	50.0% #7A7538	RGB 122 117 56	#7A7538
66.7%	66.7% #8A803F	RGB 138 128 63	#8A803F
83.3%	83.3% #9A8A46	RGB 154 138 70	#9A8A46
100.0%	100.0% #AA944E	RGB 170 148 78	#AA944E

#484B23 #595A2A #6A6831 #7A7538 #8A803F #9A8A46 #AA944E

#484B23 - #7A7538 - #AA944E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #484B23 0%, #7A7538 50%, #AA944E 100%);
    background: -webkit-linear-gradient(top, #484B23 0%, #7A7538 50%, #AA944E 100%);
    background: linear-gradient(to bottom, #484B23 0%, #7A7538 50%, #AA944E 100%);
}
</style>