#DBD9F5 - #977DBF | 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 #DBD9F5 to #977DBF

#DBD9F5 #977DBF

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

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

0.0%	0.0% #DBD9F5	RGB 219 217 245	#DBD9F5
16.7%	16.7% #CFC9EC	RGB 207 201 236	#CFC9EC
33.3%	33.3% #C4BAE3	RGB 196 186 227	#C4BAE3
50.0%	50.0% #B9ABDA	RGB 185 171 218	#B9ABDA
66.7%	66.7% #AD9BD1	RGB 173 155 209	#AD9BD1
83.3%	83.3% #A28CC8	RGB 162 140 200	#A28CC8
100.0%	100.0% #977DBF	RGB 151 125 191	#977DBF

#DBD9F5 #CFC9EC #C4BAE3 #B9ABDA #AD9BD1 #A28CC8 #977DBF

#DBD9F5 - #977DBF

HSV Blend

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

0.0%	0.0% #DBD9F5	RGB 219 217 245	#DBD9F5
16.7%	16.7% #CCC7EC	RGB 204 199 236	#CCC7EC
33.3%	33.3% #BFB7E3	RGB 191 183 227	#BFB7E3
50.0%	50.0% #B3A7DA	RGB 179 167 218	#B3A7DA
66.7%	66.7% #A898D1	RGB 168 152 209	#A898D1
83.3%	83.3% #9F8AC8	RGB 159 138 200	#9F8AC8
100.0%	100.0% #977DBF	RGB 151 125 191	#977DBF

#DBD9F5 #CCC7EC #BFB7E3 #B3A7DA #A898D1 #9F8AC8 #977DBF

#DBD9F5 - #B3A7DA - #977DBF

CSS codes

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

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