#8C7EAD - #D19DFF | 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 #8C7EAD to #D19DFF

#8C7EAD #D19DFF

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

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

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #9783BA	RGB 151 131 186	#9783BA
33.3%	33.3% #A388C8	RGB 163 136 200	#A388C8
50.0%	50.0% #AE8DD6	RGB 174 141 214	#AE8DD6
66.7%	66.7% #BA92E3	RGB 186 146 227	#BA92E3
83.3%	83.3% #C597F1	RGB 197 151 241	#C597F1
100.0%	100.0% #D19DFF	RGB 209 157 255	#D19DFF

#8C7EAD #9783BA #A388C8 #AE8DD6 #BA92E3 #C597F1 #D19DFF

#8C7EAD - #D19DFF

HSV Blend

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

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #9684BA	RGB 150 132 186	#9684BA
33.3%	33.3% #A18AC8	RGB 161 138 200	#A18AC8
50.0%	50.0% #AC8FD6	RGB 172 143 214	#AC8FD6
66.7%	66.7% #B894E3	RGB 184 148 227	#B894E3
83.3%	83.3% #C499F1	RGB 196 153 241	#C499F1
100.0%	100.0% #D19DFF	RGB 209 157 255	#D19DFF

#8C7EAD #9684BA #A18AC8 #AC8FD6 #B894E3 #C499F1 #D19DFF

#8C7EAD - #AC8FD6 - #D19DFF

CSS codes

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

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