#B08DCD - #5E2B84 | 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 #B08DCD to #5E2B84

#B08DCD #5E2B84

Calculate the color between two colors, #B08DCD and #5E2B84. 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)

#B08DCD - #5E2B84 | 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 #B08DCD as 0% and #5E2B84 as 100%.

0.0%	0.0% #B08DCD	RGB 176 141 205	#B08DCD
16.7%	16.7% #A27CC0	RGB 162 124 192	#A27CC0
33.3%	33.3% #946CB4	RGB 148 108 180	#946CB4
50.0%	50.0% #875CA8	RGB 135 92 168	#875CA8
66.7%	66.7% #794B9C	RGB 121 75 156	#794B9C
83.3%	83.3% #6B3B90	RGB 107 59 144	#6B3B90
100.0%	100.0% #5E2B84	RGB 94 43 132	#5E2B84

#B08DCD #A27CC0 #946CB4 #875CA8 #794B9C #6B3B90 #5E2B84

#B08DCD - #5E2B84

HSV Blend

#B08DCD - #5E2B84 | 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 #B08DCD as 0% and #5E2B84 as 100%.

0.0%	0.0% #B08DCD	RGB 176 141 205	#B08DCD
16.7%	16.7% #A078C0	RGB 160 120 192	#A078C0
33.3%	33.3% #9166B4	RGB 145 102 180	#9166B4
50.0%	50.0% #8355A8	RGB 131 85 168	#8355A8
66.7%	66.7% #76459C	RGB 118 69 156	#76459C
83.3%	83.3% #693790	RGB 105 55 144	#693790
100.0%	100.0% #5E2B84	RGB 94 43 132	#5E2B84

#B08DCD #A078C0 #9166B4 #8355A8 #76459C #693790 #5E2B84

#B08DCD - #8355A8 - #5E2B84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B08DCD 0%, #8355A8 50%, #5E2B84 100%);
    background: -webkit-linear-gradient(top, #B08DCD 0%, #8355A8 50%, #5E2B84 100%);
    background: linear-gradient(to bottom, #B08DCD 0%, #8355A8 50%, #5E2B84 100%);
}
</style>