#DBDEFF - #8B7CDD | 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 #DBDEFF to #8B7CDD

#DBDEFF #8B7CDD

Calculate the color between two colors, #DBDEFF and #8B7CDD. 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)

#DBDEFF - #8B7CDD | 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 #DBDEFF as 0% and #8B7CDD as 100%.

0.0%	0.0% #DBDEFF	RGB 219 222 255	#DBDEFF
16.7%	16.7% #CDCDF9	RGB 205 205 249	#CDCDF9
33.3%	33.3% #C0BDF3	RGB 192 189 243	#C0BDF3
50.0%	50.0% #B3ADEE	RGB 179 173 238	#B3ADEE
66.7%	66.7% #A59CE8	RGB 165 156 232	#A59CE8
83.3%	83.3% #988CE2	RGB 152 140 226	#988CE2
100.0%	100.0% #8B7CDD	RGB 139 124 221	#8B7CDD

#DBDEFF #CDCDF9 #C0BDF3 #B3ADEE #A59CE8 #988CE2 #8B7CDD

#DBDEFF - #8B7CDD

HSV Blend

#DBDEFF - #8B7CDD | 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 #DBDEFF as 0% and #8B7CDD as 100%.

0.0%	0.0% #DBDEFF	RGB 219 222 255	#DBDEFF
16.7%	16.7% #C9CBF9	RGB 201 203 249	#C9CBF9
33.3%	33.3% #B9B9F3	RGB 185 185 243	#B9B9F3
50.0%	50.0% #ABA8EE	RGB 171 168 238	#ABA8EE
66.7%	66.7% #9F99E8	RGB 159 153 232	#9F99E8
83.3%	83.3% #948AE2	RGB 148 138 226	#948AE2
100.0%	100.0% #8B7CDD	RGB 139 124 221	#8B7CDD

#DBDEFF #C9CBF9 #B9B9F3 #ABA8EE #9F99E8 #948AE2 #8B7CDD

#DBDEFF - #ABA8EE - #8B7CDD

CSS codes

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

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