#2B1036 - #8C4451 | 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 #2B1036 a #8C4451

#2B1036 #8C4451

Calcule el color entre dos colores, #2B1036 y #8C4451. 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)

#2B1036 - #8C4451 | 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 #2B1036 como 0% y #8C4451 como 100%.

0.0%	0.0% #2B1036	RGB 43 16 54	#2B1036
16.7%	16.7% #3B183A	RGB 59 24 58	#3B183A
33.3%	33.3% #4B213F	RGB 75 33 63	#4B213F
50.0%	50.0% #5B2A43	RGB 91 42 67	#5B2A43
66.7%	66.7% #6B3248	RGB 107 50 72	#6B3248
83.3%	83.3% #7B3B4C	RGB 123 59 76	#7B3B4C
100.0%	100.0% #8C4451	RGB 140 68 81	#8C4451

#2B1036 #3B183A #4B213F #5B2A43 #6B3248 #7B3B4C #8C4451

#2B1036 - #8C4451

Mezcla HSV

#2B1036 - #8C4451 | 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 #2B1036 como 0% y #8C4451 como 100%.

0.0%	0.0% #2B1036	RGB 43 16 54	#2B1036
16.7%	16.7% #3F1644	RGB 63 22 68	#3F1644
33.3%	33.3% #521D4E	RGB 82 29 78	#521D4E
50.0%	50.0% #612551	RGB 97 37 81	#612551
66.7%	66.7% #6F2F52	RGB 111 47 82	#6F2F52
83.3%	83.3% #7D3952	RGB 125 57 82	#7D3952
100.0%	100.0% #8C4451	RGB 140 68 81	#8C4451

#2B1036 #3F1644 #521D4E #612551 #6F2F52 #7D3952 #8C4451

#2B1036 - #612551 - #8C4451

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B1036 0%, #612551 50%, #8C4451 100%);
    background: -webkit-linear-gradient(top, #2B1036 0%, #612551 50%, #8C4451 100%);
    background: linear-gradient(to bottom, #2B1036 0%, #612551 50%, #8C4451 100%);
}
</style>