#DBDAEB - #9A8CCB | 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 #DBDAEB to #9A8CCB

#DBDAEB #9A8CCB

Calculate the color between two colors, #DBDAEB and #9A8CCB. 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)

#DBDAEB - #9A8CCB | 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 #DBDAEB as 0% and #9A8CCB as 100%.

0.0%	0.0% #DBDAEB	RGB 219 218 235	#DBDAEB
16.7%	16.7% #D0CDE5	RGB 208 205 229	#D0CDE5
33.3%	33.3% #C5C0E0	RGB 197 192 224	#C5C0E0
50.0%	50.0% #BAB3DB	RGB 186 179 219	#BAB3DB
66.7%	66.7% #AFA6D5	RGB 175 166 213	#AFA6D5
83.3%	83.3% #A499D0	RGB 164 153 208	#A499D0
100.0%	100.0% #9A8CCB	RGB 154 140 203	#9A8CCB

#DBDAEB #D0CDE5 #C5C0E0 #BAB3DB #AFA6D5 #A499D0 #9A8CCB

#DBDAEB - #9A8CCB

HSV Blend

#DBDAEB - #9A8CCB | 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 #DBDAEB as 0% and #9A8CCB as 100%.

0.0%	0.0% #DBDAEB	RGB 219 218 235	#DBDAEB
16.7%	16.7% #CECBE5	RGB 206 203 229	#CECBE5
33.3%	33.3% #C2BEE0	RGB 194 190 224	#C2BEE0
50.0%	50.0% #B6B1DB	RGB 182 177 219	#B6B1DB
66.7%	66.7% #ACA4D5	RGB 172 164 213	#ACA4D5
83.3%	83.3% #A297D0	RGB 162 151 208	#A297D0
100.0%	100.0% #9A8CCB	RGB 154 140 203	#9A8CCB

#DBDAEB #CECBE5 #C2BEE0 #B6B1DB #ACA4D5 #A297D0 #9A8CCB

#DBDAEB - #B6B1DB - #9A8CCB

CSS codes

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

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