#DBD9F2 - #977EBB | 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 #DBD9F2 to #977EBB

#DBD9F2 #977EBB

Calculate the color between two colors, #DBD9F2 and #977EBB. 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)

#DBD9F2 - #977EBB | 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 #DBD9F2 as 0% and #977EBB as 100%.

0.0%	0.0% #DBD9F2	RGB 219 217 242	#DBD9F2
16.7%	16.7% #CFC9E8	RGB 207 201 232	#CFC9E8
33.3%	33.3% #C4BADF	RGB 196 186 223	#C4BADF
50.0%	50.0% #B9ABD6	RGB 185 171 214	#B9ABD6
66.7%	66.7% #AD9CCD	RGB 173 156 205	#AD9CCD
83.3%	83.3% #A28DC4	RGB 162 141 196	#A28DC4
100.0%	100.0% #977EBB	RGB 151 126 187	#977EBB

#DBD9F2 #CFC9E8 #C4BADF #B9ABD6 #AD9CCD #A28DC4 #977EBB

#DBD9F2 - #977EBB

HSV Blend

#DBD9F2 - #977EBB | 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 #DBD9F2 as 0% and #977EBB as 100%.

0.0%	0.0% #DBD9F2	RGB 219 217 242	#DBD9F2
16.7%	16.7% #CCC8E8	RGB 204 200 232	#CCC8E8
33.3%	33.3% #BFB7DF	RGB 191 183 223	#BFB7DF
50.0%	50.0% #B3A8D6	RGB 179 168 214	#B3A8D6
66.7%	66.7% #A999CD	RGB 169 153 205	#A999CD
83.3%	83.3% #9F8BC4	RGB 159 139 196	#9F8BC4
100.0%	100.0% #977EBB	RGB 151 126 187	#977EBB

#DBD9F2 #CCC8E8 #BFB7DF #B3A8D6 #A999CD #9F8BC4 #977EBB

#DBD9F2 - #B3A8D6 - #977EBB

CSS codes

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

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