#8989B8 - #D4A2FF | 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 #8989B8 to #D4A2FF

#8989B8 #D4A2FF

Calculate the color between two colors, #8989B8 and #D4A2FF. 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)

#8989B8 - #D4A2FF | 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 #8989B8 as 0% and #D4A2FF as 100%.

0.0%	0.0% #8989B8	RGB 137 137 184	#8989B8
16.7%	16.7% #958DC3	RGB 149 141 195	#958DC3
33.3%	33.3% #A291CF	RGB 162 145 207	#A291CF
50.0%	50.0% #AE95DB	RGB 174 149 219	#AE95DB
66.7%	66.7% #BB99E7	RGB 187 153 231	#BB99E7
83.3%	83.3% #C79DF3	RGB 199 157 243	#C79DF3
100.0%	100.0% #D4A2FF	RGB 212 162 255	#D4A2FF

#8989B8 #958DC3 #A291CF #AE95DB #BB99E7 #C79DF3 #D4A2FF

#8989B8 - #D4A2FF

HSV Blend

#8989B8 - #D4A2FF | 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 #8989B8 as 0% and #D4A2FF as 100%.

0.0%	0.0% #8989B8	RGB 137 137 184	#8989B8
16.7%	16.7% #938EC3	RGB 147 142 195	#938EC3
33.3%	33.3% #9D93CF	RGB 157 147 207	#9D93CF
50.0%	50.0% #A997DB	RGB 169 151 219	#A997DB
66.7%	66.7% #B69BE7	RGB 182 155 231	#B69BE7
83.3%	83.3% #C49EF3	RGB 196 158 243	#C49EF3
100.0%	100.0% #D4A2FF	RGB 212 162 255	#D4A2FF

#8989B8 #938EC3 #9D93CF #A997DB #B69BE7 #C49EF3 #D4A2FF

#8989B8 - #A997DB - #D4A2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8989B8 0%, #A997DB 50%, #D4A2FF 100%);
    background: -webkit-linear-gradient(top, #8989B8 0%, #A997DB 50%, #D4A2FF 100%);
    background: linear-gradient(to bottom, #8989B8 0%, #A997DB 50%, #D4A2FF 100%);
}
</style>