#C2ACFF - #713ACE | 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 #C2ACFF to #713ACE

#C2ACFF #713ACE

Calculate the color between two colors, #C2ACFF and #713ACE. 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)

#C2ACFF - #713ACE | 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 #C2ACFF as 0% and #713ACE as 100%.

0.0%	0.0% #C2ACFF	RGB 194 172 255	#C2ACFF
16.7%	16.7% #B499F6	RGB 180 153 246	#B499F6
33.3%	33.3% #A786EE	RGB 167 134 238	#A786EE
50.0%	50.0% #9973E6	RGB 153 115 230	#9973E6
66.7%	66.7% #8C60DE	RGB 140 96 222	#8C60DE
83.3%	83.3% #7E4DD6	RGB 126 77 214	#7E4DD6
100.0%	100.0% #713ACE	RGB 113 58 206	#713ACE

#C2ACFF #B499F6 #A786EE #9973E6 #8C60DE #7E4DD6 #713ACE

#C2ACFF - #713ACE

HSV Blend

#C2ACFF - #713ACE | 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 #C2ACFF as 0% and #713ACE as 100%.

0.0%	0.0% #C2ACFF	RGB 194 172 255	#C2ACFF
16.7%	16.7% #B196F6	RGB 177 150 246	#B196F6
33.3%	33.3% #A281EE	RGB 162 129 238	#A281EE
50.0%	50.0% #946EE6	RGB 148 110 230	#946EE6
66.7%	66.7% #875BDE	RGB 135 91 222	#875BDE
83.3%	83.3% #7B4AD6	RGB 123 74 214	#7B4AD6
100.0%	100.0% #713ACE	RGB 113 58 206	#713ACE

#C2ACFF #B196F6 #A281EE #946EE6 #875BDE #7B4AD6 #713ACE

#C2ACFF - #946EE6 - #713ACE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2ACFF 0%, #946EE6 50%, #713ACE 100%);
    background: -webkit-linear-gradient(top, #C2ACFF 0%, #946EE6 50%, #713ACE 100%);
    background: linear-gradient(to bottom, #C2ACFF 0%, #946EE6 50%, #713ACE 100%);
}
</style>