#534DAB - #1A076B | 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 #534DAB to #1A076B

#534DAB #1A076B

Calculate the color between two colors, #534DAB and #1A076B. 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)

#534DAB - #1A076B | 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 #534DAB as 0% and #1A076B as 100%.

0.0%	0.0% #534DAB	RGB 83 77 171	#534DAB
16.7%	16.7% #4941A0	RGB 73 65 160	#4941A0
33.3%	33.3% #403595	RGB 64 53 149	#403595
50.0%	50.0% #362A8B	RGB 54 42 139	#362A8B
66.7%	66.7% #2D1E80	RGB 45 30 128	#2D1E80
83.3%	83.3% #231275	RGB 35 18 117	#231275
100.0%	100.0% #1A076B	RGB 26 7 107	#1A076B

#534DAB #4941A0 #403595 #362A8B #2D1E80 #231275 #1A076B

#534DAB - #1A076B

HSV Blend

#534DAB - #1A076B | 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 #534DAB as 0% and #1A076B as 100%.

0.0%	0.0% #534DAB	RGB 83 77 171	#534DAB
16.7%	16.7% #463DA0	RGB 70 61 160	#463DA0
33.3%	33.3% #3A3095	RGB 58 48 149	#3A3095
50.0%	50.0% #30238B	RGB 48 35 139	#30238B
66.7%	66.7% #281880	RGB 40 24 128	#281880
83.3%	83.3% #200F75	RGB 32 15 117	#200F75
100.0%	100.0% #1A076B	RGB 26 7 107	#1A076B

#534DAB #463DA0 #3A3095 #30238B #281880 #200F75 #1A076B

#534DAB - #30238B - #1A076B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534DAB 0%, #30238B 50%, #1A076B 100%);
    background: -webkit-linear-gradient(top, #534DAB 0%, #30238B 50%, #1A076B 100%);
    background: linear-gradient(to bottom, #534DAB 0%, #30238B 50%, #1A076B 100%);
}
</style>