#725CAA - #BC7AFB | 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 #725CAA to #BC7AFB

#725CAA #BC7AFB

Calculate the color between two colors, #725CAA and #BC7AFB. 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)

#725CAA - #BC7AFB | 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 #725CAA as 0% and #BC7AFB as 100%.

0.0%	0.0% #725CAA	RGB 114 92 170	#725CAA
16.7%	16.7% #7E61B7	RGB 126 97 183	#7E61B7
33.3%	33.3% #8A66C5	RGB 138 102 197	#8A66C5
50.0%	50.0% #976BD2	RGB 151 107 210	#976BD2
66.7%	66.7% #A370E0	RGB 163 112 224	#A370E0
83.3%	83.3% #AF75ED	RGB 175 117 237	#AF75ED
100.0%	100.0% #BC7AFB	RGB 188 122 251	#BC7AFB

#725CAA #7E61B7 #8A66C5 #976BD2 #A370E0 #AF75ED #BC7AFB

#725CAA - #BC7AFB

HSV Blend

#725CAA - #BC7AFB | 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 #725CAA as 0% and #BC7AFB as 100%.

0.0%	0.0% #725CAA	RGB 114 92 170	#725CAA
16.7%	16.7% #7D61B7	RGB 125 97 183	#7D61B7
33.3%	33.3% #8866C5	RGB 136 102 197	#8866C5
50.0%	50.0% #946CD2	RGB 148 108 210	#946CD2
66.7%	66.7% #A170E0	RGB 161 112 224	#A170E0
83.3%	83.3% #AE75ED	RGB 174 117 237	#AE75ED
100.0%	100.0% #BC7AFB	RGB 188 122 251	#BC7AFB

#725CAA #7D61B7 #8866C5 #946CD2 #A170E0 #AE75ED #BC7AFB

#725CAA - #946CD2 - #BC7AFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #725CAA 0%, #946CD2 50%, #BC7AFB 100%);
    background: -webkit-linear-gradient(top, #725CAA 0%, #946CD2 50%, #BC7AFB 100%);
    background: linear-gradient(to bottom, #725CAA 0%, #946CD2 50%, #BC7AFB 100%);
}
</style>