#5E5E24 - #3D3306 | 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 #5E5E24 a #3D3306

#5E5E24 #3D3306

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

#5E5E24 - #3D3306 | 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 #5E5E24 como 0% y #3D3306 como 100%.

0.0%	0.0% #5E5E24	RGB 94 94 36	#5E5E24
16.7%	16.7% #58561F	RGB 88 86 31	#58561F
33.3%	33.3% #534F1A	RGB 83 79 26	#534F1A
50.0%	50.0% #4D4815	RGB 77 72 21	#4D4815
66.7%	66.7% #484110	RGB 72 65 16	#484110
83.3%	83.3% #423A0B	RGB 66 58 11	#423A0B
100.0%	100.0% #3D3306	RGB 61 51 6	#3D3306

#5E5E24 #58561F #534F1A #4D4815 #484110 #423A0B #3D3306

#5E5E24 - #3D3306

Mezcla HSV

#5E5E24 - #3D3306 | 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 #5E5E24 como 0% y #3D3306 como 100%.

0.0%	0.0% #5E5E24	RGB 94 94 36	#5E5E24
16.7%	16.7% #58561D	RGB 88 86 29	#58561D
33.3%	33.3% #534F17	RGB 83 79 23	#534F17
50.0%	50.0% #4D4812	RGB 77 72 18	#4D4812
66.7%	66.7% #48400D	RGB 72 64 13	#48400D
83.3%	83.3% #423909	RGB 66 57 9	#423909
100.0%	100.0% #3D3306	RGB 61 51 6	#3D3306

#5E5E24 #58561D #534F17 #4D4812 #48400D #423909 #3D3306

#5E5E24 - #4D4812 - #3D3306

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E24 0%, #4D4812 50%, #3D3306 100%);
    background: -webkit-linear-gradient(top, #5E5E24 0%, #4D4812 50%, #3D3306 100%);
    background: linear-gradient(to bottom, #5E5E24 0%, #4D4812 50%, #3D3306 100%);
}
</style>