#9281AD - #DFDBE7 | 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 #9281AD to #DFDBE7

#9281AD #DFDBE7

Calculate the color between two colors, #9281AD and #DFDBE7. 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)

#9281AD - #DFDBE7 | 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 #9281AD as 0% and #DFDBE7 as 100%.

0.0%	0.0% #9281AD	RGB 146 129 173	#9281AD
16.7%	16.7% #9E90B6	RGB 158 144 182	#9E90B6
33.3%	33.3% #AB9FC0	RGB 171 159 192	#AB9FC0
50.0%	50.0% #B8AECA	RGB 184 174 202	#B8AECA
66.7%	66.7% #C5BDD3	RGB 197 189 211	#C5BDD3
83.3%	83.3% #D2CCDD	RGB 210 204 221	#D2CCDD
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#9281AD #9E90B6 #AB9FC0 #B8AECA #C5BDD3 #D2CCDD #DFDBE7

#9281AD - #DFDBE7

HSV Blend

#9281AD - #DFDBE7 | 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 #9281AD as 0% and #DFDBE7 as 100%.

0.0%	0.0% #9281AD	RGB 146 129 173	#9281AD
16.7%	16.7% #9D8EB6	RGB 157 142 182	#9D8EB6
33.3%	33.3% #A99CC0	RGB 169 156 192	#A99CC0
50.0%	50.0% #B6ABCA	RGB 182 171 202	#B6ABCA
66.7%	66.7% #C3BAD3	RGB 195 186 211	#C3BAD3
83.3%	83.3% #D0CADD	RGB 208 202 221	#D0CADD
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#9281AD #9D8EB6 #A99CC0 #B6ABCA #C3BAD3 #D0CADD #DFDBE7

#9281AD - #B6ABCA - #DFDBE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9281AD 0%, #B6ABCA 50%, #DFDBE7 100%);
    background: -webkit-linear-gradient(top, #9281AD 0%, #B6ABCA 50%, #DFDBE7 100%);
    background: linear-gradient(to bottom, #9281AD 0%, #B6ABCA 50%, #DFDBE7 100%);
}
</style>