#713CFF - #BCA6FF | 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 #713CFF to #BCA6FF

#713CFF #BCA6FF

Calculate the color between two colors, #713CFF and #BCA6FF. 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)

#713CFF - #BCA6FF | 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 #713CFF as 0% and #BCA6FF as 100%.

0.0%	0.0% #713CFF	RGB 113 60 255	#713CFF
16.7%	16.7% #7D4DFF	RGB 125 77 255	#7D4DFF
33.3%	33.3% #8A5FFF	RGB 138 95 255	#8A5FFF
50.0%	50.0% #9671FF	RGB 150 113 255	#9671FF
66.7%	66.7% #A382FF	RGB 163 130 255	#A382FF
83.3%	83.3% #AF94FF	RGB 175 148 255	#AF94FF
100.0%	100.0% #BCA6FF	RGB 188 166 255	#BCA6FF

#713CFF #7D4DFF #8A5FFF #9671FF #A382FF #AF94FF #BCA6FF

#713CFF - #BCA6FF

HSV Blend

#713CFF - #BCA6FF | 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 #713CFF as 0% and #BCA6FF as 100%.

0.0%	0.0% #703BFF	RGB 112 59 255	#703BFF
16.7%	16.7% #7D4DFF	RGB 125 77 255	#7D4DFF
33.3%	33.3% #895FFF	RGB 137 95 255	#895FFF
50.0%	50.0% #9571FF	RGB 149 113 255	#9571FF
66.7%	66.7% #A282FF	RGB 162 130 255	#A282FF
83.3%	83.3% #AF94FF	RGB 175 148 255	#AF94FF
100.0%	100.0% #BCA6FF	RGB 188 166 255	#BCA6FF

#703BFF #7D4DFF #895FFF #9571FF #A282FF #AF94FF #BCA6FF

#713CFF - #9571FF - #BCA6FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #703BFF 0%, #9571FF 50%, #BCA6FF 100%);
    background: -webkit-linear-gradient(top, #703BFF 0%, #9571FF 50%, #BCA6FF 100%);
    background: linear-gradient(to bottom, #703BFF 0%, #9571FF 50%, #BCA6FF 100%);
}
</style>