#C065AC - #88055B | 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 #C065AC to #88055B

#C065AC #88055B

Calculate the color between two colors, #C065AC and #88055B. 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)

#C065AC - #88055B | 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 #C065AC as 0% and #88055B as 100%.

0.0%	0.0% #C065AC	RGB 192 101 172	#C065AC
16.7%	16.7% #B6559E	RGB 182 85 158	#B6559E
33.3%	33.3% #AD4591	RGB 173 69 145	#AD4591
50.0%	50.0% #A43583	RGB 164 53 131	#A43583
66.7%	66.7% #9A2576	RGB 154 37 118	#9A2576
83.3%	83.3% #911568	RGB 145 21 104	#911568
100.0%	100.0% #88055B	RGB 136 5 91	#88055B

#C065AC #B6559E #AD4591 #A43583 #9A2576 #911568 #88055B

#C065AC - #88055B

HSV Blend

#C065AC - #88055B | 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 #C065AC as 0% and #88055B as 100%.

0.0%	0.0% #C065AB	RGB 192 101 171	#C065AB
16.7%	16.7% #B6519E	RGB 182 81 158	#B6519E
33.3%	33.3% #AD3E90	RGB 173 62 144	#AD3E90
50.0%	50.0% #A42E82	RGB 164 46 130	#A42E82
66.7%	66.7% #9A1E75	RGB 154 30 117	#9A1E75
83.3%	83.3% #911167	RGB 145 17 103	#911167
100.0%	100.0% #88055B	RGB 136 5 91	#88055B

#C065AB #B6519E #AD3E90 #A42E82 #9A1E75 #911167 #88055B

#C065AC - #A42E82 - #88055B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C065AB 0%, #A42E82 50%, #88055B 100%);
    background: -webkit-linear-gradient(top, #C065AB 0%, #A42E82 50%, #88055B 100%);
    background: linear-gradient(to bottom, #C065AB 0%, #A42E82 50%, #88055B 100%);
}
</style>