#BB8CDA - #8F3DBD | 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 #BB8CDA to #8F3DBD

#BB8CDA #8F3DBD

Calculate the color between two colors, #BB8CDA and #8F3DBD. 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)

#BB8CDA - #8F3DBD | 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 #BB8CDA as 0% and #8F3DBD as 100%.

0.0%	0.0% #BB8CDA	RGB 187 140 218	#BB8CDA
16.7%	16.7% #B37ED5	RGB 179 126 213	#B37ED5
33.3%	33.3% #AC71D0	RGB 172 113 208	#AC71D0
50.0%	50.0% #A564CB	RGB 165 100 203	#A564CB
66.7%	66.7% #9D57C6	RGB 157 87 198	#9D57C6
83.3%	83.3% #964AC1	RGB 150 74 193	#964AC1
100.0%	100.0% #8F3DBD	RGB 143 61 189	#8F3DBD

#BB8CDA #B37ED5 #AC71D0 #A564CB #9D57C6 #964AC1 #8F3DBD

#BB8CDA - #8F3DBD

HSV Blend

#BB8CDA - #8F3DBD | 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 #BB8CDA as 0% and #8F3DBD as 100%.

0.0%	0.0% #BB8CDA	RGB 187 140 218	#BB8CDA
16.7%	16.7% #B27DD5	RGB 178 125 213	#B27DD5
33.3%	33.3% #AB6FD0	RGB 171 111 208	#AB6FD0
50.0%	50.0% #A362CB	RGB 163 98 203	#A362CB
66.7%	66.7% #9C55C6	RGB 156 85 198	#9C55C6
83.3%	83.3% #9548C1	RGB 149 72 193	#9548C1
100.0%	100.0% #8F3DBD	RGB 143 61 189	#8F3DBD

#BB8CDA #B27DD5 #AB6FD0 #A362CB #9C55C6 #9548C1 #8F3DBD

#BB8CDA - #A362CB - #8F3DBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BB8CDA 0%, #A362CB 50%, #8F3DBD 100%);
    background: -webkit-linear-gradient(top, #BB8CDA 0%, #A362CB 50%, #8F3DBD 100%);
    background: linear-gradient(to bottom, #BB8CDA 0%, #A362CB 50%, #8F3DBD 100%);
}
</style>