#0C0A16 - #5E3D3E | 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 #0C0A16 a #5E3D3E

#0C0A16 #5E3D3E

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

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

0.0%	0.0% #0C0A16	RGB 12 10 22	#0C0A16
16.7%	16.7% #19121C	RGB 25 18 28	#19121C
33.3%	33.3% #271B23	RGB 39 27 35	#271B23
50.0%	50.0% #35232A	RGB 53 35 42	#35232A
66.7%	66.7% #422C30	RGB 66 44 48	#422C30
83.3%	83.3% #503437	RGB 80 52 55	#503437
100.0%	100.0% #5E3D3E	RGB 94 61 62	#5E3D3E

#0C0A16 #19121C #271B23 #35232A #422C30 #503437 #5E3D3E

#0C0A16 - #5E3D3E

Mezcla HSV

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

0.0%	0.0% #0C0A16	RGB 12 10 22	#0C0A16
16.7%	16.7% #181022	RGB 24 16 34	#181022
33.3%	33.3% #28172E	RGB 40 23 46	#28172E
50.0%	50.0% #3A2038	RGB 58 32 56	#3A2038
66.7%	66.7% #46283B	RGB 70 40 59	#46283B
83.3%	83.3% #52323C	RGB 82 50 60	#52323C
100.0%	100.0% #5E3D3E	RGB 94 61 62	#5E3D3E

#0C0A16 #181022 #28172E #3A2038 #46283B #52323C #5E3D3E

#0C0A16 - #3A2038 - #5E3D3E

Códigos CSS

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

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