#C7A2DB - #973EAB | 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 #C7A2DB to #973EAB

#C7A2DB #973EAB

Calculate the color between two colors, #C7A2DB and #973EAB. 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)

#C7A2DB - #973EAB | 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 #C7A2DB as 0% and #973EAB as 100%.

0.0%	0.0% #C7A2DB	RGB 199 162 219	#C7A2DB
16.7%	16.7% #BF91D3	RGB 191 145 211	#BF91D3
33.3%	33.3% #B780CB	RGB 183 128 203	#B780CB
50.0%	50.0% #AF70C3	RGB 175 112 195	#AF70C3
66.7%	66.7% #A75FBB	RGB 167 95 187	#A75FBB
83.3%	83.3% #9F4EB3	RGB 159 78 179	#9F4EB3
100.0%	100.0% #973EAB	RGB 151 62 171	#973EAB

#C7A2DB #BF91D3 #B780CB #AF70C3 #A75FBB #9F4EB3 #973EAB

#C7A2DB - #973EAB

HSV Blend

#C7A2DB - #973EAB | 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 #C7A2DB as 0% and #973EAB as 100%.

0.0%	0.0% #C7A2DB	RGB 199 162 219	#C7A2DB
16.7%	16.7% #BC8ED3	RGB 188 142 211	#BC8ED3
33.3%	33.3% #B37CCB	RGB 179 124 203	#B37CCB
50.0%	50.0% #AB6BC3	RGB 171 107 195	#AB6BC3
66.7%	66.7% #A45BBB	RGB 164 91 187	#A45BBB
83.3%	83.3% #9D4CB3	RGB 157 76 179	#9D4CB3
100.0%	100.0% #973EAB	RGB 151 62 171	#973EAB

#C7A2DB #BC8ED3 #B37CCB #AB6BC3 #A45BBB #9D4CB3 #973EAB

#C7A2DB - #AB6BC3 - #973EAB

CSS codes

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

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