#9C5EAE - #A0CCDE | 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 #9C5EAE to #A0CCDE

#9C5EAE #A0CCDE

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

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

0.0%	0.0% #9C5EAE	RGB 156 94 174	#9C5EAE
16.7%	16.7% #9C70B6	RGB 156 112 182	#9C70B6
33.3%	33.3% #9D82BE	RGB 157 130 190	#9D82BE
50.0%	50.0% #9E95C6	RGB 158 149 198	#9E95C6
66.7%	66.7% #9EA7CE	RGB 158 167 206	#9EA7CE
83.3%	83.3% #9FB9D6	RGB 159 185 214	#9FB9D6
100.0%	100.0% #A0CCDE	RGB 160 204 222	#A0CCDE

#9C5EAE #9C70B6 #9D82BE #9E95C6 #9EA7CE #9FB9D6 #A0CCDE

#9C5EAE - #A0CCDE

HSV Blend

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

0.0%	0.0% #9C5EAE	RGB 156 94 174	#9C5EAE
16.7%	16.7% #9167B6	RGB 145 103 182	#9167B6
33.3%	33.3% #8772BE	RGB 135 114 190	#8772BE
50.0%	50.0% #7F7CC6	RGB 127 124 198	#7F7CC6
66.7%	66.7% #8897CE	RGB 136 151 206	#8897CE
83.3%	83.3% #93B2D6	RGB 147 178 214	#93B2D6
100.0%	100.0% #A0CCDE	RGB 160 204 222	#A0CCDE

#9C5EAE #9167B6 #8772BE #7F7CC6 #8897CE #93B2D6 #A0CCDE

#9C5EAE - #7F7CC6 - #A0CCDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C5EAE 0%, #7F7CC6 50%, #A0CCDE 100%);
    background: -webkit-linear-gradient(top, #9C5EAE 0%, #7F7CC6 50%, #A0CCDE 100%);
    background: linear-gradient(to bottom, #9C5EAE 0%, #7F7CC6 50%, #A0CCDE 100%);
}
</style>