#C2A8C7 - #905392 | 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 #C2A8C7 to #905392

#C2A8C7 #905392

Calculate the color between two colors, #C2A8C7 and #905392. 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)

#C2A8C7 - #905392 | 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 #C2A8C7 as 0% and #905392 as 100%.

0.0%	0.0% #C2A8C7	RGB 194 168 199	#C2A8C7
16.7%	16.7% #B999BE	RGB 185 153 190	#B999BE
33.3%	33.3% #B18BB5	RGB 177 139 181	#B18BB5
50.0%	50.0% #A97DAC	RGB 169 125 172	#A97DAC
66.7%	66.7% #A06FA3	RGB 160 111 163	#A06FA3
83.3%	83.3% #98619A	RGB 152 97 154	#98619A
100.0%	100.0% #905392	RGB 144 83 146	#905392

#C2A8C7 #B999BE #B18BB5 #A97DAC #A06FA3 #98619A #905392

#C2A8C7 - #905392

HSV Blend

#C2A8C7 - #905392 | 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 #C2A8C7 as 0% and #905392 as 100%.

0.0%	0.0% #C2A8C7	RGB 194 168 199	#C2A8C7
16.7%	16.7% #B897BE	RGB 184 151 190	#B897BE
33.3%	33.3% #B088B5	RGB 176 136 181	#B088B5
50.0%	50.0% #A779AC	RGB 167 121 172	#A779AC
66.7%	66.7% #9F6CA3	RGB 159 108 163	#9F6CA3
83.3%	83.3% #975F9A	RGB 151 95 154	#975F9A
100.0%	100.0% #905392	RGB 144 83 146	#905392

#C2A8C7 #B897BE #B088B5 #A779AC #9F6CA3 #975F9A #905392

#C2A8C7 - #A779AC - #905392

CSS codes

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

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