#695EB1 - #B8B8C7 | 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 #695EB1 to #B8B8C7

#695EB1 #B8B8C7

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

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

0.0%	0.0% #695EB1	RGB 105 94 177	#695EB1
16.7%	16.7% #766DB4	RGB 118 109 180	#766DB4
33.3%	33.3% #837CB8	RGB 131 124 184	#837CB8
50.0%	50.0% #908BBC	RGB 144 139 188	#908BBC
66.7%	66.7% #9D9ABF	RGB 157 154 191	#9D9ABF
83.3%	83.3% #AAA9C3	RGB 170 169 195	#AAA9C3
100.0%	100.0% #B8B8C7	RGB 184 184 199	#B8B8C7

#695EB1 #766DB4 #837CB8 #908BBC #9D9ABF #AAA9C3 #B8B8C7

#695EB1 - #B8B8C7

HSV Blend

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

0.0%	0.0% #695EB1	RGB 105 94 177	#695EB1
16.7%	16.7% #736BB4	RGB 115 107 180	#736BB4
33.3%	33.3% #7F7AB8	RGB 127 122 184	#7F7AB8
50.0%	50.0% #8C88BC	RGB 140 136 188	#8C88BC
66.7%	66.7% #9998BF	RGB 153 152 191	#9998BF
83.3%	83.3% #A8A7C3	RGB 168 167 195	#A8A7C3
100.0%	100.0% #B8B8C7	RGB 184 184 199	#B8B8C7

#695EB1 #736BB4 #7F7AB8 #8C88BC #9998BF #A8A7C3 #B8B8C7

#695EB1 - #8C88BC - #B8B8C7

CSS codes

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

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