#9A72C8 - #A0ECEB | 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 #9A72C8 to #A0ECEB

#9A72C8 #A0ECEB

Calculate the color between two colors, #9A72C8 and #A0ECEB. 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)

#9A72C8 - #A0ECEB | 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 #9A72C8 as 0% and #A0ECEB as 100%.

0.0%	0.0% #9A72C8	RGB 154 114 200	#9A72C8
16.7%	16.7% #9B86CD	RGB 155 134 205	#9B86CD
33.3%	33.3% #9C9AD3	RGB 156 154 211	#9C9AD3
50.0%	50.0% #9DAFD9	RGB 157 175 217	#9DAFD9
66.7%	66.7% #9EC3DF	RGB 158 195 223	#9EC3DF
83.3%	83.3% #9FD7E5	RGB 159 215 229	#9FD7E5
100.0%	100.0% #A0ECEB	RGB 160 236 235	#A0ECEB

#9A72C8 #9B86CD #9C9AD3 #9DAFD9 #9EC3DF #9FD7E5 #A0ECEB

#9A72C8 - #A0ECEB

HSV Blend

#9A72C8 - #A0ECEB | 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 #9A72C8 as 0% and #A0ECEB as 100%.

0.0%	0.0% #9A72C8	RGB 154 114 200	#9A72C8
16.7%	16.7% #8B79CE	RGB 139 121 206	#8B79CE
33.3%	33.3% #8082D4	RGB 128 130 212	#8082D4
50.0%	50.0% #889EDA	RGB 136 158 218	#889EDA
66.7%	66.7% #8FB9E0	RGB 143 185 224	#8FB9E0
83.3%	83.3% #97D3E6	RGB 151 211 230	#97D3E6
100.0%	100.0% #A0ECEB	RGB 160 236 235	#A0ECEB

#9A72C8 #8B79CE #8082D4 #889EDA #8FB9E0 #97D3E6 #A0ECEB

#9A72C8 - #889EDA - #A0ECEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A72C8 0%, #889EDA 50%, #A0ECEB 100%);
    background: -webkit-linear-gradient(top, #9A72C8 0%, #889EDA 50%, #A0ECEB 100%);
    background: linear-gradient(to bottom, #9A72C8 0%, #889EDA 50%, #A0ECEB 100%);
}
</style>