#B6B5ED - #695EC5 | 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 #B6B5ED to #695EC5

#B6B5ED #695EC5

Calculate the color between two colors, #B6B5ED and #695EC5. 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)

#B6B5ED - #695EC5 | 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 #B6B5ED as 0% and #695EC5 as 100%.

0.0%	0.0% #B6B5ED	RGB 182 181 237	#B6B5ED
16.7%	16.7% #A9A6E6	RGB 169 166 230	#A9A6E6
33.3%	33.3% #9C98DF	RGB 156 152 223	#9C98DF
50.0%	50.0% #8F89D9	RGB 143 137 217	#8F89D9
66.7%	66.7% #827BD2	RGB 130 123 210	#827BD2
83.3%	83.3% #756CCB	RGB 117 108 203	#756CCB
100.0%	100.0% #695EC5	RGB 105 94 197	#695EC5

#B6B5ED #A9A6E6 #9C98DF #8F89D9 #827BD2 #756CCB #695EC5

#B6B5ED - #695EC5

HSV Blend

#B6B5ED - #695EC5 | 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 #B6B5ED as 0% and #695EC5 as 100%.

0.0%	0.0% #B6B5ED	RGB 182 181 237	#B6B5ED
16.7%	16.7% #A7A4E6	RGB 167 164 230	#A7A4E6
33.3%	33.3% #9895DF	RGB 152 149 223	#9895DF
50.0%	50.0% #8B86D9	RGB 139 134 217	#8B86D9
66.7%	66.7% #7F78D2	RGB 127 120 210	#7F78D2
83.3%	83.3% #736ACB	RGB 115 106 203	#736ACB
100.0%	100.0% #695EC5	RGB 105 94 197	#695EC5

#B6B5ED #A7A4E6 #9895DF #8B86D9 #7F78D2 #736ACB #695EC5

#B6B5ED - #8B86D9 - #695EC5

CSS codes

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

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