#C3A1D9 - #954EB4 | 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 #C3A1D9 to #954EB4

#C3A1D9 #954EB4

Calculate the color between two colors, #C3A1D9 and #954EB4. 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)

#C3A1D9 - #954EB4 | 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 #C3A1D9 as 0% and #954EB4 as 100%.

0.0%	0.0% #C3A1D9	RGB 195 161 217	#C3A1D9
16.7%	16.7% #BB93D2	RGB 187 147 210	#BB93D2
33.3%	33.3% #B385CC	RGB 179 133 204	#B385CC
50.0%	50.0% #AC77C6	RGB 172 119 198	#AC77C6
66.7%	66.7% #A469C0	RGB 164 105 192	#A469C0
83.3%	83.3% #9C5BBA	RGB 156 91 186	#9C5BBA
100.0%	100.0% #954EB4	RGB 149 78 180	#954EB4

#C3A1D9 #BB93D2 #B385CC #AC77C6 #A469C0 #9C5BBA #954EB4

#C3A1D9 - #954EB4

HSV Blend

#C3A1D9 - #954EB4 | 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 #C3A1D9 as 0% and #954EB4 as 100%.

0.0%	0.0% #C3A1D9	RGB 195 161 217	#C3A1D9
16.7%	16.7% #BA91D2	RGB 186 145 210	#BA91D2
33.3%	33.3% #B182CC	RGB 177 130 204	#B182CC
50.0%	50.0% #A974C6	RGB 169 116 198	#A974C6
66.7%	66.7% #A267C0	RGB 162 103 192	#A267C0
83.3%	83.3% #9B5ABA	RGB 155 90 186	#9B5ABA
100.0%	100.0% #954EB4	RGB 149 78 180	#954EB4

#C3A1D9 #BA91D2 #B182CC #A974C6 #A267C0 #9B5ABA #954EB4

#C3A1D9 - #A974C6 - #954EB4

CSS codes

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

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