#C7A8CE - #71498C | 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 #C7A8CE to #71498C

#C7A8CE #71498C

Calculate the color between two colors, #C7A8CE and #71498C. 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)

#C7A8CE - #71498C | 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 #C7A8CE as 0% and #71498C as 100%.

0.0%	0.0% #C7A8CE	RGB 199 168 206	#C7A8CE
16.7%	16.7% #B898C3	RGB 184 152 195	#B898C3
33.3%	33.3% #AA88B8	RGB 170 136 184	#AA88B8
50.0%	50.0% #9C78AD	RGB 156 120 173	#9C78AD
66.7%	66.7% #8D68A2	RGB 141 104 162	#8D68A2
83.3%	83.3% #7F5897	RGB 127 88 151	#7F5897
100.0%	100.0% #71498C	RGB 113 73 140	#71498C

#C7A8CE #B898C3 #AA88B8 #9C78AD #8D68A2 #7F5897 #71498C

#C7A8CE - #71498C

HSV Blend

#C7A8CE - #71498C | 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 #C7A8CE as 0% and #71498C as 100%.

0.0%	0.0% #C7A8CE	RGB 199 168 206	#C7A8CE
16.7%	16.7% #B895C3	RGB 184 149 195	#B895C3
33.3%	33.3% #AA84B8	RGB 170 132 184	#AA84B8
50.0%	50.0% #9C73AD	RGB 156 115 173	#9C73AD
66.7%	66.7% #8D64A2	RGB 141 100 162	#8D64A2
83.3%	83.3% #7F5697	RGB 127 86 151	#7F5697
100.0%	100.0% #71498C	RGB 113 73 140	#71498C

#C7A8CE #B895C3 #AA84B8 #9C73AD #8D64A2 #7F5697 #71498C

#C7A8CE - #9C73AD - #71498C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A8CE 0%, #9C73AD 50%, #71498C 100%);
    background: -webkit-linear-gradient(top, #C7A8CE 0%, #9C73AD 50%, #71498C 100%);
    background: linear-gradient(to bottom, #C7A8CE 0%, #9C73AD 50%, #71498C 100%);
}
</style>