#BBB5E6 - #695AB0 | 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 #BBB5E6 to #695AB0

#BBB5E6 #695AB0

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

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

0.0%	0.0% #BBB5E6	RGB 187 181 230	#BBB5E6
16.7%	16.7% #ADA5DD	RGB 173 165 221	#ADA5DD
33.3%	33.3% #9F96D4	RGB 159 150 212	#9F96D4
50.0%	50.0% #9287CB	RGB 146 135 203	#9287CB
66.7%	66.7% #8478C2	RGB 132 120 194	#8478C2
83.3%	83.3% #7669B9	RGB 118 105 185	#7669B9
100.0%	100.0% #695AB0	RGB 105 90 176	#695AB0

#BBB5E6 #ADA5DD #9F96D4 #9287CB #8478C2 #7669B9 #695AB0

#BBB5E6 - #695AB0

HSV Blend

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

0.0%	0.0% #BBB5E6	RGB 187 181 230	#BBB5E6
16.7%	16.7% #ABA3DD	RGB 171 163 221	#ABA3DD
33.3%	33.3% #9C93D4	RGB 156 147 212	#9C93D4
50.0%	50.0% #8E83CB	RGB 142 131 203	#8E83CB
66.7%	66.7% #8175C2	RGB 129 117 194	#8175C2
83.3%	83.3% #7467B9	RGB 116 103 185	#7467B9
100.0%	100.0% #695AB0	RGB 105 90 176	#695AB0

#BBB5E6 #ABA3DD #9C93D4 #8E83CB #8175C2 #7467B9 #695AB0

#BBB5E6 - #8E83CB - #695AB0

CSS codes

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

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