#C073CE - #882B8C | 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 #C073CE to #882B8C

#C073CE #882B8C

Calculate the color between two colors, #C073CE and #882B8C. 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)

#C073CE - #882B8C | 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 #C073CE as 0% and #882B8C as 100%.

0.0%	0.0% #C073CE	RGB 192 115 206	#C073CE
16.7%	16.7% #B667C3	RGB 182 103 195	#B667C3
33.3%	33.3% #AD5BB8	RGB 173 91 184	#AD5BB8
50.0%	50.0% #A44FAD	RGB 164 79 173	#A44FAD
66.7%	66.7% #9A43A2	RGB 154 67 162	#9A43A2
83.3%	83.3% #913797	RGB 145 55 151	#913797
100.0%	100.0% #882B8C	RGB 136 43 140	#882B8C

#C073CE #B667C3 #AD5BB8 #A44FAD #9A43A2 #913797 #882B8C

#C073CE - #882B8C

HSV Blend

#C073CE - #882B8C | 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 #C073CE as 0% and #882B8C as 100%.

0.0%	0.0% #C073CE	RGB 192 115 206	#C073CE
16.7%	16.7% #B664C3	RGB 182 100 195	#B664C3
33.3%	33.3% #AC57B8	RGB 172 87 184	#AC57B8
50.0%	50.0% #A34AAD	RGB 163 74 173	#A34AAD
66.7%	66.7% #9A3FA2	RGB 154 63 162	#9A3FA2
83.3%	83.3% #913497	RGB 145 52 151	#913497
100.0%	100.0% #882B8C	RGB 136 43 140	#882B8C

#C073CE #B664C3 #AC57B8 #A34AAD #9A3FA2 #913497 #882B8C

#C073CE - #A34AAD - #882B8C

CSS codes

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

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