#8B8BD6 - #DDDDF3 | 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 #8B8BD6 to #DDDDF3

#8B8BD6 #DDDDF3

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

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

0.0%	0.0% #8B8BD6	RGB 139 139 214	#8B8BD6
16.7%	16.7% #9898DA	RGB 152 152 218	#9898DA
33.3%	33.3% #A6A6DF	RGB 166 166 223	#A6A6DF
50.0%	50.0% #B4B4E4	RGB 180 180 228	#B4B4E4
66.7%	66.7% #C1C1E9	RGB 193 193 233	#C1C1E9
83.3%	83.3% #CFCFEE	RGB 207 207 238	#CFCFEE
100.0%	100.0% #DDDDF3	RGB 221 221 243	#DDDDF3

#8B8BD6 #9898DA #A6A6DF #B4B4E4 #C1C1E9 #CFCFEE #DDDDF3

#8B8BD6 - #DDDDF3

HSV Blend

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

0.0%	0.0% #8B8BD6	RGB 139 139 214	#8B8BD6
16.7%	16.7% #9797DA	RGB 151 151 218	#9797DA
33.3%	33.3% #A4A4DF	RGB 164 164 223	#A4A4DF
50.0%	50.0% #B2B2E4	RGB 178 178 228	#B2B2E4
66.7%	66.7% #BFBFE9	RGB 191 191 233	#BFBFE9
83.3%	83.3% #CECEEE	RGB 206 206 238	#CECEEE
100.0%	100.0% #DDDDF3	RGB 221 221 243	#DDDDF3

#8B8BD6 #9797DA #A4A4DF #B2B2E4 #BFBFE9 #CECEEE #DDDDF3

#8B8BD6 - #B2B2E4 - #DDDDF3

CSS codes

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

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