#110A16 - #5E4E3E | 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 #110A16 a #5E4E3E

#110A16 #5E4E3E

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

#110A16 - #5E4E3E | 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 #110A16 como 0% y #5E4E3E como 100%.

0.0%	0.0% #110A16	RGB 17 10 22	#110A16
16.7%	16.7% #1D151C	RGB 29 21 28	#1D151C
33.3%	33.3% #2A2023	RGB 42 32 35	#2A2023
50.0%	50.0% #372C2A	RGB 55 44 42	#372C2A
66.7%	66.7% #443730	RGB 68 55 48	#443730
83.3%	83.3% #514237	RGB 81 66 55	#514237
100.0%	100.0% #5E4E3E	RGB 94 78 62	#5E4E3E

#110A16 #1D151C #2A2023 #372C2A #443730 #514237 #5E4E3E

#110A16 - #5E4E3E

Mezcla HSV

#110A16 - #5E4E3E | 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 #110A16 como 0% y #5E4E3E como 100%.

0.0%	0.0% #110A16	RGB 17 10 22	#110A16
16.7%	16.7% #201022	RGB 32 16 34	#201022
33.3%	33.3% #2E1829	RGB 46 24 41	#2E1829
50.0%	50.0% #3A202C	RGB 58 32 44	#3A202C
66.7%	66.7% #46292D	RGB 70 41 45	#46292D
83.3%	83.3% #523833	RGB 82 56 51	#523833
100.0%	100.0% #5E4E3E	RGB 94 78 62	#5E4E3E

#110A16 #201022 #2E1829 #3A202C #46292D #523833 #5E4E3E

#110A16 - #3A202C - #5E4E3E

Códigos CSS

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

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