#232711 - #5D5E3C | 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 #232711 a #5D5E3C

#232711 #5D5E3C

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

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

0.0%	0.0% #232711	RGB 35 39 17	#232711
16.7%	16.7% #2C3018	RGB 44 48 24	#2C3018
33.3%	33.3% #36391F	RGB 54 57 31	#36391F
50.0%	50.0% #404226	RGB 64 66 38	#404226
66.7%	66.7% #494B2D	RGB 73 75 45	#494B2D
83.3%	83.3% #535434	RGB 83 84 52	#535434
100.0%	100.0% #5D5E3C	RGB 93 94 60	#5D5E3C

#232711 #2C3018 #36391F #404226 #494B2D #535434 #5D5E3C

#232711 - #5D5E3C

Mezcla HSV

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

0.0%	0.0% #232711	RGB 35 39 17	#232711
16.7%	16.7% #2C3016	RGB 44 48 22	#2C3016
33.3%	33.3% #35391C	RGB 53 57 28	#35391C
50.0%	50.0% #3F4223	RGB 63 66 35	#3F4223
66.7%	66.7% #494B2B	RGB 73 75 43	#494B2B
83.3%	83.3% #525433	RGB 82 84 51	#525433
100.0%	100.0% #5D5E3C	RGB 93 94 60	#5D5E3C

#232711 #2C3016 #35391C #3F4223 #494B2B #525433 #5D5E3C

#232711 - #3F4223 - #5D5E3C

Códigos CSS

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

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