#0B0816 - #5A3A3E | 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 #0B0816 a #5A3A3E

#0B0816 #5A3A3E

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

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

0.0%	0.0% #0B0816	RGB 11 8 22	#0B0816
16.7%	16.7% #18101C	RGB 24 16 28	#18101C
33.3%	33.3% #251823	RGB 37 24 35	#251823
50.0%	50.0% #32212A	RGB 50 33 42	#32212A
66.7%	66.7% #3F2930	RGB 63 41 48	#3F2930
83.3%	83.3% #4C3137	RGB 76 49 55	#4C3137
100.0%	100.0% #5A3A3E	RGB 90 58 62	#5A3A3E

#0B0816 #18101C #251823 #32212A #3F2930 #4C3137 #5A3A3E

#0B0816 - #5A3A3E

Mezcla HSV

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

0.0%	0.0% #0B0816	RGB 11 8 22	#0B0816
16.7%	16.7% #170D21	RGB 23 13 33	#170D21
33.3%	33.3% #27142C	RGB 39 20 44	#27142C
50.0%	50.0% #381C36	RGB 56 28 54	#381C36
66.7%	66.7% #432539	RGB 67 37 57	#432539
83.3%	83.3% #4E2F3B	RGB 78 47 59	#4E2F3B
100.0%	100.0% #5A3A3E	RGB 90 58 62	#5A3A3E

#0B0816 #170D21 #27142C #381C36 #432539 #4E2F3B #5A3A3E

#0B0816 - #381C36 - #5A3A3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B0816 0%, #381C36 50%, #5A3A3E 100%);
    background: -webkit-linear-gradient(top, #0B0816 0%, #381C36 50%, #5A3A3E 100%);
    background: linear-gradient(to bottom, #0B0816 0%, #381C36 50%, #5A3A3E 100%);
}
</style>