#D4D4F2 - #8A83E5 | 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 #D4D4F2 to #8A83E5

#D4D4F2 #8A83E5

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

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

0.0%	0.0% #D4D4F2	RGB 212 212 242	#D4D4F2
16.7%	16.7% #C7C6EF	RGB 199 198 239	#C7C6EF
33.3%	33.3% #BBB9ED	RGB 187 185 237	#BBB9ED
50.0%	50.0% #AFABEB	RGB 175 171 235	#AFABEB
66.7%	66.7% #A29EE9	RGB 162 158 233	#A29EE9
83.3%	83.3% #9690E7	RGB 150 144 231	#9690E7
100.0%	100.0% #8A83E5	RGB 138 131 229	#8A83E5

#D4D4F2 #C7C6EF #BBB9ED #AFABEB #A29EE9 #9690E7 #8A83E5

#D4D4F2 - #8A83E5

HSV Blend

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

0.0%	0.0% #D4D4F2	RGB 212 212 242	#D4D4F2
16.7%	16.7% #C6C5EF	RGB 198 197 239	#C6C5EF
33.3%	33.3% #B9B8ED	RGB 185 184 237	#B9B8ED
50.0%	50.0% #ACAAEB	RGB 172 170 235	#ACAAEB
66.7%	66.7% #A09DE9	RGB 160 157 233	#A09DE9
83.3%	83.3% #958FE7	RGB 149 143 231	#958FE7
100.0%	100.0% #8A83E5	RGB 138 131 229	#8A83E5

#D4D4F2 #C6C5EF #B9B8ED #ACAAEB #A09DE9 #958FE7 #8A83E5

#D4D4F2 - #ACAAEB - #8A83E5

CSS codes

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

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