#5E3E2D - #451C03 | 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 #5E3E2D a #451C03

#5E3E2D #451C03

Calcule el color entre dos colores, #5E3E2D y #451C03. 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)

#5E3E2D - #451C03 | 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 #5E3E2D como 0% y #451C03 como 100%.

0.0%	0.0% #5E3E2D	RGB 94 62 45	#5E3E2D
16.7%	16.7% #593826	RGB 89 56 38	#593826
33.3%	33.3% #55321F	RGB 85 50 31	#55321F
50.0%	50.0% #512D18	RGB 81 45 24	#512D18
66.7%	66.7% #4D2710	RGB 77 39 16	#4D2710
83.3%	83.3% #49210A	RGB 73 33 10	#49210A
100.0%	100.0% #451C03	RGB 69 28 3	#451C03

#5E3E2D #593826 #55321F #512D18 #4D2710 #49210A #451C03

#5E3E2D - #451C03

Mezcla HSV

#5E3E2D - #451C03 | 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 #5E3E2D como 0% y #451C03 como 100%.

0.0%	0.0% #5E3E2D	RGB 94 62 45	#5E3E2D
16.7%	16.7% #593724	RGB 89 55 36	#593724
33.3%	33.3% #55301C	RGB 85 48 28	#55301C
50.0%	50.0% #512B15	RGB 81 43 21	#512B15
66.7%	66.7% #4D250E	RGB 77 37 14	#4D250E
83.3%	83.3% #492008	RGB 73 32 8	#492008
100.0%	100.0% #451C03	RGB 69 28 3	#451C03

#5E3E2D #593724 #55301C #512B15 #4D250E #492008 #451C03

#5E3E2D - #512B15 - #451C03

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E2D 0%, #512B15 50%, #451C03 100%);
    background: -webkit-linear-gradient(top, #5E3E2D 0%, #512B15 50%, #451C03 100%);
    background: linear-gradient(to bottom, #5E3E2D 0%, #512B15 50%, #451C03 100%);
}
</style>