#724EB6 - #34035A | 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 #724EB6 to #34035A

#724EB6 #34035A

Calculate the color between two colors, #724EB6 and #34035A. 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)

#724EB6 - #34035A | 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 #724EB6 as 0% and #34035A as 100%.

0.0%	0.0% #724EB6	RGB 114 78 182	#724EB6
16.7%	16.7% #6741A6	RGB 103 65 166	#6741A6
33.3%	33.3% #5D3597	RGB 93 53 151	#5D3597
50.0%	50.0% #532888	RGB 83 40 136	#532888
66.7%	66.7% #481C78	RGB 72 28 120	#481C78
83.3%	83.3% #3E0F69	RGB 62 15 105	#3E0F69
100.0%	100.0% #34035A	RGB 52 3 90	#34035A

#724EB6 #6741A6 #5D3597 #532888 #481C78 #3E0F69 #34035A

#724EB6 - #34035A

HSV Blend

#724EB6 - #34035A | 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 #724EB6 as 0% and #34035A as 100%.

0.0%	0.0% #724EB6	RGB 114 78 182	#724EB6
16.7%	16.7% #653CA6	RGB 101 60 166	#653CA6
33.3%	33.3% #592C97	RGB 89 44 151	#592C97
50.0%	50.0% #4E1F88	RGB 78 31 136	#4E1F88
66.7%	66.7% #451378	RGB 69 19 120	#451378
83.3%	83.3% #3C0A69	RGB 60 10 105	#3C0A69
100.0%	100.0% #34035A	RGB 52 3 90	#34035A

#724EB6 #653CA6 #592C97 #4E1F88 #451378 #3C0A69 #34035A

#724EB6 - #4E1F88 - #34035A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #724EB6 0%, #4E1F88 50%, #34035A 100%);
    background: -webkit-linear-gradient(top, #724EB6 0%, #4E1F88 50%, #34035A 100%);
    background: linear-gradient(to bottom, #724EB6 0%, #4E1F88 50%, #34035A 100%);
}
</style>