#BDA5C9 - #8F4FAE | 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 #BDA5C9 to #8F4FAE

#BDA5C9 #8F4FAE

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

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

0.0%	0.0% #BDA5C9	RGB 189 165 201	#BDA5C9
16.7%	16.7% #B596C4	RGB 181 150 196	#B596C4
33.3%	33.3% #AD88C0	RGB 173 136 192	#AD88C0
50.0%	50.0% #A67ABB	RGB 166 122 187	#A67ABB
66.7%	66.7% #9E6BB7	RGB 158 107 183	#9E6BB7
83.3%	83.3% #965DB2	RGB 150 93 178	#965DB2
100.0%	100.0% #8F4FAE	RGB 143 79 174	#8F4FAE

#BDA5C9 #B596C4 #AD88C0 #A67ABB #9E6BB7 #965DB2 #8F4FAE

#BDA5C9 - #8F4FAE

HSV Blend

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

0.0%	0.0% #BDA5C9	RGB 189 165 201	#BDA5C9
16.7%	16.7% #B495C4	RGB 180 149 196	#B495C4
33.3%	33.3% #AC86C0	RGB 172 134 192	#AC86C0
50.0%	50.0% #A577BB	RGB 165 119 187	#A577BB
66.7%	66.7% #9D69B7	RGB 157 105 183	#9D69B7
83.3%	83.3% #965BB2	RGB 150 91 178	#965BB2
100.0%	100.0% #8F4FAE	RGB 143 79 174	#8F4FAE

#BDA5C9 #B495C4 #AC86C0 #A577BB #9D69B7 #965BB2 #8F4FAE

#BDA5C9 - #A577BB - #8F4FAE

CSS codes

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

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