#B99FDA - #B8C7FE | 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 #B99FDA to #B8C7FE

#B99FDA #B8C7FE

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

#B99FDA - #B8C7FE | 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 #B99FDA as 0% and #B8C7FE as 100%.

0.0%	0.0% #B99FDA	RGB 185 159 218	#B99FDA
16.7%	16.7% #B8A5E0	RGB 184 165 224	#B8A5E0
33.3%	33.3% #B8ACE6	RGB 184 172 230	#B8ACE6
50.0%	50.0% #B8B3EC	RGB 184 179 236	#B8B3EC
66.7%	66.7% #B8B9F2	RGB 184 185 242	#B8B9F2
83.3%	83.3% #B8C0F8	RGB 184 192 248	#B8C0F8
100.0%	100.0% #B8C7FE	RGB 184 199 254	#B8C7FE

#B99FDA #B8A5E0 #B8ACE6 #B8B3EC #B8B9F2 #B8C0F8 #B8C7FE

#B99FDA - #B8C7FE

HSV Blend

#B99FDA - #B8C7FE | 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 #B99FDA as 0% and #B8C7FE as 100%.

0.0%	0.0% #B99FDA	RGB 185 159 218	#B99FDA
16.7%	16.7% #B7A3E0	RGB 183 163 224	#B7A3E0
33.3%	33.3% #B5A7E6	RGB 181 167 230	#B5A7E6
50.0%	50.0% #B2ABEC	RGB 178 171 236	#B2ABEC
66.7%	66.7% #AFAFF2	RGB 175 175 242	#AFAFF2
83.3%	83.3% #B3BBF8	RGB 179 187 248	#B3BBF8
100.0%	100.0% #B8C7FE	RGB 184 199 254	#B8C7FE

#B99FDA #B7A3E0 #B5A7E6 #B2ABEC #AFAFF2 #B3BBF8 #B8C7FE

#B99FDA - #B2ABEC - #B8C7FE

CSS codes

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

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