#8291E7 - #DBDFF8 | 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 #8291E7 to #DBDFF8

#8291E7 #DBDFF8

Calculate the color between two colors, #8291E7 and #DBDFF8. 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)

#8291E7 - #DBDFF8 | 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 #8291E7 as 0% and #DBDFF8 as 100%.

0.0%	0.0% #8291E7	RGB 130 145 231	#8291E7
16.7%	16.7% #909EE9	RGB 144 158 233	#909EE9
33.3%	33.3% #9FABEC	RGB 159 171 236	#9FABEC
50.0%	50.0% #AEB8EF	RGB 174 184 239	#AEB8EF
66.7%	66.7% #BDC5F2	RGB 189 197 242	#BDC5F2
83.3%	83.3% #CCD2F5	RGB 204 210 245	#CCD2F5
100.0%	100.0% #DBDFF8	RGB 219 223 248	#DBDFF8

#8291E7 #909EE9 #9FABEC #AEB8EF #BDC5F2 #CCD2F5 #DBDFF8

#8291E7 - #DBDFF8

HSV Blend

#8291E7 - #DBDFF8 | 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 #8291E7 as 0% and #DBDFF8 as 100%.

0.0%	0.0% #8291E7	RGB 130 145 231	#8291E7
16.7%	16.7% #909DE9	RGB 144 157 233	#909DE9
33.3%	33.3% #9EA9EC	RGB 158 169 236	#9EA9EC
50.0%	50.0% #ADB6EF	RGB 173 182 239	#ADB6EF
66.7%	66.7% #BCC3F2	RGB 188 195 242	#BCC3F2
83.3%	83.3% #CBD1F5	RGB 203 209 245	#CBD1F5
100.0%	100.0% #DBDFF8	RGB 219 223 248	#DBDFF8

#8291E7 #909DE9 #9EA9EC #ADB6EF #BCC3F2 #CBD1F5 #DBDFF8

#8291E7 - #ADB6EF - #DBDFF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8291E7 0%, #ADB6EF 50%, #DBDFF8 100%);
    background: -webkit-linear-gradient(top, #8291E7 0%, #ADB6EF 50%, #DBDFF8 100%);
    background: linear-gradient(to bottom, #8291E7 0%, #ADB6EF 50%, #DBDFF8 100%);
}
</style>