#483A8F - #29042E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #483A8F to #29042E

#483A8F #29042E

Calculate the color between two colors, #483A8F and #29042E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#483A8F - #29042E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #483A8F as 0% and #29042E as 100%.

0.0%	0.0% #483A8F	RGB 72 58 143	#483A8F
16.7%	16.7% #42317E	RGB 66 49 126	#42317E
33.3%	33.3% #3D286E	RGB 61 40 110	#3D286E
50.0%	50.0% #381F5E	RGB 56 31 94	#381F5E
66.7%	66.7% #33164E	RGB 51 22 78	#33164E
83.3%	83.3% #2E0D3E	RGB 46 13 62	#2E0D3E
100.0%	100.0% #29042E	RGB 41 4 46	#29042E

#483A8F #42317E #3D286E #381F5E #33164E #2E0D3E #29042E

#483A8F - #29042E

HSV Blend

#483A8F - #29042E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #483A8F as 0% and #29042E as 100%.

0.0%	0.0% #483A8F	RGB 72 58 143	#483A8F
16.7%	16.7% #442C7E	RGB 68 44 126	#442C7E
33.3%	33.3% #40216E	RGB 64 33 110	#40216E
50.0%	50.0% #3C175E	RGB 60 23 94	#3C175E
66.7%	66.7% #370F4E	RGB 55 15 78	#370F4E
83.3%	83.3% #31083E	RGB 49 8 62	#31083E
100.0%	100.0% #29042E	RGB 41 4 46	#29042E

#483A8F #442C7E #40216E #3C175E #370F4E #31083E #29042E

#483A8F - #3C175E - #29042E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483A8F 0%, #3C175E 50%, #29042E 100%);
    background: -webkit-linear-gradient(top, #483A8F 0%, #3C175E 50%, #29042E 100%);
    background: linear-gradient(to bottom, #483A8F 0%, #3C175E 50%, #29042E 100%);
}
</style>