#5B5E3C - #2D3606 | 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 #5B5E3C a #2D3606

#5B5E3C #2D3606

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

#5B5E3C - #2D3606 | 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 #5B5E3C como 0% y #2D3606 como 100%.

0.0%	0.0% #5B5E3C	RGB 91 94 60	#5B5E3C
16.7%	16.7% #535733	RGB 83 87 51	#535733
33.3%	33.3% #4B502A	RGB 75 80 42	#4B502A
50.0%	50.0% #444A21	RGB 68 74 33	#444A21
66.7%	66.7% #3C4318	RGB 60 67 24	#3C4318
83.3%	83.3% #343C0F	RGB 52 60 15	#343C0F
100.0%	100.0% #2D3606	RGB 45 54 6	#2D3606

#5B5E3C #535733 #4B502A #444A21 #3C4318 #343C0F #2D3606

#5B5E3C - #2D3606

Mezcla HSV

#5B5E3C - #2D3606 | 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 #5B5E3C como 0% y #2D3606 como 100%.

0.0%	0.0% #5B5E3C	RGB 91 94 60	#5B5E3C
16.7%	16.7% #535730	RGB 83 87 48	#535730
33.3%	33.3% #4B5025	RGB 75 80 37	#4B5025
50.0%	50.0% #434A1B	RGB 67 74 27	#434A1B
66.7%	66.7% #3B4313	RGB 59 67 19	#3B4313
83.3%	83.3% #343C0C	RGB 52 60 12	#343C0C
100.0%	100.0% #2D3606	RGB 45 54 6	#2D3606

#5B5E3C #535730 #4B5025 #434A1B #3B4313 #343C0C #2D3606

#5B5E3C - #434A1B - #2D3606

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E3C 0%, #434A1B 50%, #2D3606 100%);
    background: -webkit-linear-gradient(top, #5B5E3C 0%, #434A1B 50%, #2D3606 100%);
    background: linear-gradient(to bottom, #5B5E3C 0%, #434A1B 50%, #2D3606 100%);
}
</style>