#5E4D2D - #453104 | 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 #5E4D2D a #453104

#5E4D2D #453104

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

#5E4D2D - #453104 | 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 #5E4D2D como 0% y #453104 como 100%.

0.0%	0.0% #5E4D2D	RGB 94 77 45	#5E4D2D
16.7%	16.7% #594826	RGB 89 72 38	#594826
33.3%	33.3% #55431F	RGB 85 67 31	#55431F
50.0%	50.0% #513F18	RGB 81 63 24	#513F18
66.7%	66.7% #4D3A11	RGB 77 58 17	#4D3A11
83.3%	83.3% #49350A	RGB 73 53 10	#49350A
100.0%	100.0% #453104	RGB 69 49 4	#453104

#5E4D2D #594826 #55431F #513F18 #4D3A11 #49350A #453104

#5E4D2D - #453104

Mezcla HSV

#5E4D2D - #453104 | 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 #5E4D2D como 0% y #453104 como 100%.

0.0%	0.0% #5E4D2D	RGB 94 77 45	#5E4D2D
16.7%	16.7% #594724	RGB 89 71 36	#594724
33.3%	33.3% #55421C	RGB 85 66 28	#55421C
50.0%	50.0% #513D15	RGB 81 61 21	#513D15
66.7%	66.7% #4D390F	RGB 77 57 15	#4D390F
83.3%	83.3% #493509	RGB 73 53 9	#493509
100.0%	100.0% #453104	RGB 69 49 4	#453104

#5E4D2D #594724 #55421C #513D15 #4D390F #493509 #453104

#5E4D2D - #513D15 - #453104

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D2D 0%, #513D15 50%, #453104 100%);
    background: -webkit-linear-gradient(top, #5E4D2D 0%, #513D15 50%, #453104 100%);
    background: linear-gradient(to bottom, #5E4D2D 0%, #513D15 50%, #453104 100%);
}
</style>