#B9BCDF - #656EAC | 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 #B9BCDF to #656EAC

#B9BCDF #656EAC

Calculate the color between two colors, #B9BCDF and #656EAC. 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)

#B9BCDF - #656EAC | 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 #B9BCDF as 0% and #656EAC as 100%.

0.0%	0.0% #B9BCDF	RGB 185 188 223	#B9BCDF
16.7%	16.7% #ABAFD6	RGB 171 175 214	#ABAFD6
33.3%	33.3% #9DA2CE	RGB 157 162 206	#9DA2CE
50.0%	50.0% #8F95C5	RGB 143 149 197	#8F95C5
66.7%	66.7% #8188BD	RGB 129 136 189	#8188BD
83.3%	83.3% #737BB4	RGB 115 123 180	#737BB4
100.0%	100.0% #656EAC	RGB 101 110 172	#656EAC

#B9BCDF #ABAFD6 #9DA2CE #8F95C5 #8188BD #737BB4 #656EAC

#B9BCDF - #656EAC

HSV Blend

#B9BCDF - #656EAC | 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 #B9BCDF as 0% and #656EAC as 100%.

0.0%	0.0% #B9BCDF	RGB 185 188 223	#B9BCDF
16.7%	16.7% #A9ADD6	RGB 169 173 214	#A9ADD6
33.3%	33.3% #9A9FCE	RGB 154 159 206	#9A9FCE
50.0%	50.0% #8B91C5	RGB 139 145 197	#8B91C5
66.7%	66.7% #7E85BD	RGB 126 133 189	#7E85BD
83.3%	83.3% #7179B4	RGB 113 121 180	#7179B4
100.0%	100.0% #656EAC	RGB 101 110 172	#656EAC

#B9BCDF #A9ADD6 #9A9FCE #8B91C5 #7E85BD #7179B4 #656EAC

#B9BCDF - #8B91C5 - #656EAC

CSS codes

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

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