#391028 - #30051A | 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 #391028 a #30051A

#391028 #30051A

Calcule el color entre dos colores, #391028 y #30051A. 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)

#391028 - #30051A | 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 #391028 como 0% y #30051A como 100%.

0.0%	0.0% #391028	RGB 57 16 40	#391028
16.7%	16.7% #370E25	RGB 55 14 37	#370E25
33.3%	33.3% #360C23	RGB 54 12 35	#360C23
50.0%	50.0% #340A21	RGB 52 10 33	#340A21
66.7%	66.7% #33081E	RGB 51 8 30	#33081E
83.3%	83.3% #31061C	RGB 49 6 28	#31061C
100.0%	100.0% #30051A	RGB 48 5 26	#30051A

#391028 #370E25 #360C23 #340A21 #33081E #31061C #30051A

#391028 - #30051A

Mezcla HSV

#391028 - #30051A | 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 #391028 como 0% y #30051A como 100%.

0.0%	0.0% #391027	RGB 57 16 39	#391027
16.7%	16.7% #370D25	RGB 55 13 37	#370D25
33.3%	33.3% #360B23	RGB 54 11 35	#360B23
50.0%	50.0% #340A20	RGB 52 10 32	#340A20
66.7%	66.7% #33081E	RGB 51 8 30	#33081E
83.3%	83.3% #31061C	RGB 49 6 28	#31061C
100.0%	100.0% #30051A	RGB 48 5 26	#30051A

#391027 #370D25 #360B23 #340A20 #33081E #31061C #30051A

#391028 - #340A20 - #30051A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391027 0%, #340A20 50%, #30051A 100%);
    background: -webkit-linear-gradient(top, #391027 0%, #340A20 50%, #30051A 100%);
    background: linear-gradient(to bottom, #391027 0%, #340A20 50%, #30051A 100%);
}
</style>