#50171C - #160608 | 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 #50171C a #160608

#50171C #160608

Calcule el color entre dos colores, #50171C y #160608. 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)

#50171C - #160608 | 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 #50171C como 0% y #160608 como 100%.

0.0%	0.0% #50171C	RGB 80 23 28	#50171C
16.7%	16.7% #461418	RGB 70 20 24	#461418
33.3%	33.3% #3C1115	RGB 60 17 21	#3C1115
50.0%	50.0% #330E12	RGB 51 14 18	#330E12
66.7%	66.7% #290B0E	RGB 41 11 14	#290B0E
83.3%	83.3% #1F080B	RGB 31 8 11	#1F080B
100.0%	100.0% #160608	RGB 22 6 8	#160608

#50171C #461418 #3C1115 #330E12 #290B0E #1F080B #160608

#50171C - #160608

Mezcla HSV

#50171C - #160608 | 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 #50171C como 0% y #160608 como 100%.

0.0%	0.0% #50171C	RGB 80 23 28	#50171C
16.7%	16.7% #461418	RGB 70 20 24	#461418
33.3%	33.3% #3C1115	RGB 60 17 21	#3C1115
50.0%	50.0% #330E12	RGB 51 14 18	#330E12
66.7%	66.7% #290B0E	RGB 41 11 14	#290B0E
83.3%	83.3% #1F080B	RGB 31 8 11	#1F080B
100.0%	100.0% #160608	RGB 22 6 8	#160608

#50171C #461418 #3C1115 #330E12 #290B0E #1F080B #160608

#50171C - #330E12 - #160608

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50171C 0%, #330E12 50%, #160608 100%);
    background: -webkit-linear-gradient(top, #50171C 0%, #330E12 50%, #160608 100%);
    background: linear-gradient(to bottom, #50171C 0%, #330E12 50%, #160608 100%);
}
</style>