#8484CF - #DBDBF1 | 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 #8484CF to #DBDBF1

#8484CF #DBDBF1

Calculate the color between two colors, #8484CF and #DBDBF1. 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)

#8484CF - #DBDBF1 | 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 #8484CF as 0% and #DBDBF1 as 100%.

0.0%	0.0% #8484CF	RGB 132 132 207	#8484CF
16.7%	16.7% #9292D4	RGB 146 146 212	#9292D4
33.3%	33.3% #A1A1DA	RGB 161 161 218	#A1A1DA
50.0%	50.0% #AFAFE0	RGB 175 175 224	#AFAFE0
66.7%	66.7% #BEBEE5	RGB 190 190 229	#BEBEE5
83.3%	83.3% #CCCCEB	RGB 204 204 235	#CCCCEB
100.0%	100.0% #DBDBF1	RGB 219 219 241	#DBDBF1

#8484CF #9292D4 #A1A1DA #AFAFE0 #BEBEE5 #CCCCEB #DBDBF1

#8484CF - #DBDBF1

HSV Blend

#8484CF - #DBDBF1 | 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 #8484CF as 0% and #DBDBF1 as 100%.

0.0%	0.0% #8484CF	RGB 132 132 207	#8484CF
16.7%	16.7% #9191D4	RGB 145 145 212	#9191D4
33.3%	33.3% #9E9EDA	RGB 158 158 218	#9E9EDA
50.0%	50.0% #ADADE0	RGB 173 173 224	#ADADE0
66.7%	66.7% #BBBBE5	RGB 187 187 229	#BBBBE5
83.3%	83.3% #CBCBEB	RGB 203 203 235	#CBCBEB
100.0%	100.0% #DBDBF1	RGB 219 219 241	#DBDBF1

#8484CF #9191D4 #9E9EDA #ADADE0 #BBBBE5 #CBCBEB #DBDBF1

#8484CF - #ADADE0 - #DBDBF1

CSS codes

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

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