#52522E - #392E05 | 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 #52522E a #392E05

#52522E #392E05

Calcule el color entre dos colores, #52522E y #392E05. 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)

#52522E - #392E05 | 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 #52522E como 0% y #392E05 como 100%.

0.0%	0.0% #52522E	RGB 82 82 46	#52522E
16.7%	16.7% #4D4C27	RGB 77 76 39	#4D4C27
33.3%	33.3% #494620	RGB 73 70 32	#494620
50.0%	50.0% #454019	RGB 69 64 25	#454019
66.7%	66.7% #413A12	RGB 65 58 18	#413A12
83.3%	83.3% #3D340B	RGB 61 52 11	#3D340B
100.0%	100.0% #392E05	RGB 57 46 5	#392E05

#52522E #4D4C27 #494620 #454019 #413A12 #3D340B #392E05

#52522E - #392E05

Mezcla HSV

#52522E - #392E05 | 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 #52522E como 0% y #392E05 como 100%.

0.0%	0.0% #52522E	RGB 82 82 46	#52522E
16.7%	16.7% #4D4C25	RGB 77 76 37	#4D4C25
33.3%	33.3% #49461D	RGB 73 70 29	#49461D
50.0%	50.0% #454016	RGB 69 64 22	#454016
66.7%	66.7% #413A10	RGB 65 58 16	#413A10
83.3%	83.3% #3D340A	RGB 61 52 10	#3D340A
100.0%	100.0% #392E05	RGB 57 46 5	#392E05

#52522E #4D4C25 #49461D #454016 #413A10 #3D340A #392E05

#52522E - #454016 - #392E05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52522E 0%, #454016 50%, #392E05 100%);
    background: -webkit-linear-gradient(top, #52522E 0%, #454016 50%, #392E05 100%);
    background: linear-gradient(to bottom, #52522E 0%, #454016 50%, #392E05 100%);
}
</style>