#B59EFF - #C9C8F0 | 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 #B59EFF to #C9C8F0

#B59EFF #C9C8F0

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

#B59EFF - #C9C8F0 | 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 #B59EFF as 0% and #C9C8F0 as 100%.

0.0%	0.0% #B59EFF	RGB 181 158 255	#B59EFF
16.7%	16.7% #B8A5FC	RGB 184 165 252	#B8A5FC
33.3%	33.3% #BBACFA	RGB 187 172 250	#BBACFA
50.0%	50.0% #BFB3F7	RGB 191 179 247	#BFB3F7
66.7%	66.7% #C2BAF5	RGB 194 186 245	#C2BAF5
83.3%	83.3% #C5C1F2	RGB 197 193 242	#C5C1F2
100.0%	100.0% #C9C8F0	RGB 201 200 240	#C9C8F0

#B59EFF #B8A5FC #BBACFA #BFB3F7 #C2BAF5 #C5C1F2 #C9C8F0

#B59EFF - #C9C8F0

HSV Blend

#B59EFF - #C9C8F0 | 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 #B59EFF as 0% and #C9C8F0 as 100%.

0.0%	0.0% #B59EFF	RGB 181 158 255	#B59EFF
16.7%	16.7% #B7A5FC	RGB 183 165 252	#B7A5FC
33.3%	33.3% #B9ACFA	RGB 185 172 250	#B9ACFA
50.0%	50.0% #BCB3F7	RGB 188 179 247	#BCB3F7
66.7%	66.7% #C0BAF5	RGB 192 186 245	#C0BAF5
83.3%	83.3% #C4C1F2	RGB 196 193 242	#C4C1F2
100.0%	100.0% #C9C8F0	RGB 201 200 240	#C9C8F0

#B59EFF #B7A5FC #B9ACFA #BCB3F7 #C0BAF5 #C4C1F2 #C9C8F0

#B59EFF - #BCB3F7 - #C9C8F0

CSS codes

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

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