#B865C7 - #56057B | 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 #B865C7 to #56057B

#B865C7 #56057B

Calculate the color between two colors, #B865C7 and #56057B. 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)

#B865C7 - #56057B | 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 #B865C7 as 0% and #56057B as 100%.

0.0%	0.0% #B865C7	RGB 184 101 199	#B865C7
16.7%	16.7% #A755BA	RGB 167 85 186	#A755BA
33.3%	33.3% #9745AD	RGB 151 69 173	#9745AD
50.0%	50.0% #8735A1	RGB 135 53 161	#8735A1
66.7%	66.7% #762594	RGB 118 37 148	#762594
83.3%	83.3% #661587	RGB 102 21 135	#661587
100.0%	100.0% #56057B	RGB 86 5 123	#56057B

#B865C7 #A755BA #9745AD #8735A1 #762594 #661587 #56057B

#B865C7 - #56057B

HSV Blend

#B865C7 - #56057B | 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 #B865C7 as 0% and #56057B as 100%.

0.0%	0.0% #B865C7	RGB 184 101 199	#B865C7
16.7%	16.7% #A750BA	RGB 167 80 186	#A750BA
33.3%	33.3% #963DAD	RGB 150 61 173	#963DAD
50.0%	50.0% #852CA1	RGB 133 44 161	#852CA1
66.7%	66.7% #751D94	RGB 117 29 148	#751D94
83.3%	83.3% #651087	RGB 101 16 135	#651087
100.0%	100.0% #56057B	RGB 86 5 123	#56057B

#B865C7 #A750BA #963DAD #852CA1 #751D94 #651087 #56057B

#B865C7 - #852CA1 - #56057B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B865C7 0%, #852CA1 50%, #56057B 100%);
    background: -webkit-linear-gradient(top, #B865C7 0%, #852CA1 50%, #56057B 100%);
    background: linear-gradient(to bottom, #B865C7 0%, #852CA1 50%, #56057B 100%);
}
</style>