#8181E2 - #DBDBF6 | 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 #8181E2 to #DBDBF6

#8181E2 #DBDBF6

Calculate the color between two colors, #8181E2 and #DBDBF6. 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)

#8181E2 - #DBDBF6 | 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 #8181E2 as 0% and #DBDBF6 as 100%.

0.0%	0.0% #8181E2	RGB 129 129 226	#8181E2
16.7%	16.7% #9090E5	RGB 144 144 229	#9090E5
33.3%	33.3% #9F9FE8	RGB 159 159 232	#9F9FE8
50.0%	50.0% #AEAEEC	RGB 174 174 236	#AEAEEC
66.7%	66.7% #BDBDEF	RGB 189 189 239	#BDBDEF
83.3%	83.3% #CCCCF2	RGB 204 204 242	#CCCCF2
100.0%	100.0% #DBDBF6	RGB 219 219 246	#DBDBF6

#8181E2 #9090E5 #9F9FE8 #AEAEEC #BDBDEF #CCCCF2 #DBDBF6

#8181E2 - #DBDBF6

HSV Blend

#8181E2 - #DBDBF6 | 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 #8181E2 as 0% and #DBDBF6 as 100%.

0.0%	0.0% #8181E2	RGB 129 129 226	#8181E2
16.7%	16.7% #8F8FE5	RGB 143 143 229	#8F8FE5
33.3%	33.3% #9D9DE8	RGB 157 157 232	#9D9DE8
50.0%	50.0% #ACACEC	RGB 172 172 236	#ACACEC
66.7%	66.7% #BBBBEF	RGB 187 187 239	#BBBBEF
83.3%	83.3% #CBCBF2	RGB 203 203 242	#CBCBF2
100.0%	100.0% #DBDBF6	RGB 219 219 246	#DBDBF6

#8181E2 #8F8FE5 #9D9DE8 #ACACEC #BBBBEF #CBCBF2 #DBDBF6

#8181E2 - #ACACEC - #DBDBF6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8181E2 0%, #ACACEC 50%, #DBDBF6 100%);
    background: -webkit-linear-gradient(top, #8181E2 0%, #ACACEC 50%, #DBDBF6 100%);
    background: linear-gradient(to bottom, #8181E2 0%, #ACACEC 50%, #DBDBF6 100%);
}
</style>