#B09FDA - #C9CBDB | 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 #B09FDA to #C9CBDB

#B09FDA #C9CBDB

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

#B09FDA - #C9CBDB | 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 #B09FDA as 0% and #C9CBDB as 100%.

0.0%	0.0% #B09FDA	RGB 176 159 218	#B09FDA
16.7%	16.7% #B4A6DA	RGB 180 166 218	#B4A6DA
33.3%	33.3% #B8ADDA	RGB 184 173 218	#B8ADDA
50.0%	50.0% #BCB5DA	RGB 188 181 218	#BCB5DA
66.7%	66.7% #C0BCDA	RGB 192 188 218	#C0BCDA
83.3%	83.3% #C4C3DA	RGB 196 195 218	#C4C3DA
100.0%	100.0% #C9CBDB	RGB 201 203 219	#C9CBDB

#B09FDA #B4A6DA #B8ADDA #BCB5DA #C0BCDA #C4C3DA #C9CBDB

#B09FDA - #C9CBDB

HSV Blend

#B09FDA - #C9CBDB | 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 #B09FDA as 0% and #C9CBDB as 100%.

0.0%	0.0% #B09FDA	RGB 176 159 218	#B09FDA
16.7%	16.7% #B1A5DA	RGB 177 165 218	#B1A5DA
33.3%	33.3% #B3ACDA	RGB 179 172 218	#B3ACDA
50.0%	50.0% #B7B3DA	RGB 183 179 218	#B7B3DA
66.7%	66.7% #BBBADA	RGB 187 186 218	#BBBADA
83.3%	83.3% #C1C3DA	RGB 193 195 218	#C1C3DA
100.0%	100.0% #C9CBDB	RGB 201 203 219	#C9CBDB

#B09FDA #B1A5DA #B3ACDA #B7B3DA #BBBADA #C1C3DA #C9CBDB

#B09FDA - #B7B3DA - #C9CBDB

CSS codes

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

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