#BDB7E5 - #353441 | 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 #BDB7E5 to #353441

#BDB7E5 #353441

Calculate the color between two colors, #BDB7E5 and #353441. 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)

#BDB7E5 - #353441 | 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 #BDB7E5 as 0% and #353441 as 100%.

0.0%	0.0% #BDB7E5	RGB 189 183 229	#BDB7E5
16.7%	16.7% #A6A1C9	RGB 166 161 201	#A6A1C9
33.3%	33.3% #8F8BAE	RGB 143 139 174	#8F8BAE
50.0%	50.0% #797593	RGB 121 117 147	#797593
66.7%	66.7% #625F77	RGB 98 95 119	#625F77
83.3%	83.3% #4B495C	RGB 75 73 92	#4B495C
100.0%	100.0% #353441	RGB 53 52 65	#353441

#BDB7E5 #A6A1C9 #8F8BAE #797593 #625F77 #4B495C #353441

#BDB7E5 - #353441

HSV Blend

#BDB7E5 - #353441 | 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 #BDB7E5 as 0% and #353441 as 100%.

0.0%	0.0% #BDB7E5	RGB 189 183 229	#BDB7E5
16.7%	16.7% #A6A1C9	RGB 166 161 201	#A6A1C9
33.3%	33.3% #8F8BAE	RGB 143 139 174	#8F8BAE
50.0%	50.0% #787593	RGB 120 117 147	#787593
66.7%	66.7% #615F77	RGB 97 95 119	#615F77
83.3%	83.3% #4B495C	RGB 75 73 92	#4B495C
100.0%	100.0% #353441	RGB 53 52 65	#353441

#BDB7E5 #A6A1C9 #8F8BAE #787593 #615F77 #4B495C #353441

#BDB7E5 - #787593 - #353441

CSS codes

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

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