#483D8B - #29062C | 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 #483D8B a #29062C

#483D8B #29062C

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

#483D8B - #29062C | 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 #483D8B como 0% y #29062C como 100%.

0.0%	0.0% #483D8B	RGB 72 61 139	#483D8B
16.7%	16.7% #42337B	RGB 66 51 123	#42337B
33.3%	33.3% #3D2A6B	RGB 61 42 107	#3D2A6B
50.0%	50.0% #38215B	RGB 56 33 91	#38215B
66.7%	66.7% #33184B	RGB 51 24 75	#33184B
83.3%	83.3% #2E0F3B	RGB 46 15 59	#2E0F3B
100.0%	100.0% #29062C	RGB 41 6 44	#29062C

#483D8B #42337B #3D2A6B #38215B #33184B #2E0F3B #29062C

#483D8B - #29062C

Mezcla HSV

#483D8B - #29062C | 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 #483D8B como 0% y #29062C como 100%.

0.0%	0.0% #483D8B	RGB 72 61 139	#483D8B
16.7%	16.7% #442F7B	RGB 68 47 123	#442F7B
33.3%	33.3% #40246B	RGB 64 36 107	#40246B
50.0%	50.0% #3C1A5B	RGB 60 26 91	#3C1A5B
66.7%	66.7% #38114B	RGB 56 17 75	#38114B
83.3%	83.3% #310B3B	RGB 49 11 59	#310B3B
100.0%	100.0% #29062C	RGB 41 6 44	#29062C

#483D8B #442F7B #40246B #3C1A5B #38114B #310B3B #29062C

#483D8B - #3C1A5B - #29062C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483D8B 0%, #3C1A5B 50%, #29062C 100%);
    background: -webkit-linear-gradient(top, #483D8B 0%, #3C1A5B 50%, #29062C 100%);
    background: linear-gradient(to bottom, #483D8B 0%, #3C1A5B 50%, #29062C 100%);
}
</style>