#8C8BA2 - #D4ACFE | 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 #8C8BA2 to #D4ACFE

#8C8BA2 #D4ACFE

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

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

0.0%	0.0% #8C8BA2	RGB 140 139 162	#8C8BA2
16.7%	16.7% #9890B1	RGB 152 144 177	#9890B1
33.3%	33.3% #A496C0	RGB 164 150 192	#A496C0
50.0%	50.0% #B09BD0	RGB 176 155 208	#B09BD0
66.7%	66.7% #BCA1DF	RGB 188 161 223	#BCA1DF
83.3%	83.3% #C8A6EE	RGB 200 166 238	#C8A6EE
100.0%	100.0% #D4ACFE	RGB 212 172 254	#D4ACFE

#8C8BA2 #9890B1 #A496C0 #B09BD0 #BCA1DF #C8A6EE #D4ACFE

#8C8BA2 - #D4ACFE

HSV Blend

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

0.0%	0.0% #8C8BA2	RGB 140 139 162	#8C8BA2
16.7%	16.7% #9692B1	RGB 150 146 177	#9692B1
33.3%	33.3% #A199C0	RGB 161 153 192	#A199C0
50.0%	50.0% #AC9FD0	RGB 172 159 208	#AC9FD0
66.7%	66.7% #B8A4DF	RGB 184 164 223	#B8A4DF
83.3%	83.3% #C5A8EE	RGB 197 168 238	#C5A8EE
100.0%	100.0% #D4ACFE	RGB 212 172 254	#D4ACFE

#8C8BA2 #9692B1 #A199C0 #AC9FD0 #B8A4DF #C5A8EE #D4ACFE

#8C8BA2 - #AC9FD0 - #D4ACFE

CSS codes

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

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