#CF7AC6 - #AC2B9A | 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 #CF7AC6 to #AC2B9A

#CF7AC6 #AC2B9A

Calculate the color between two colors, #CF7AC6 and #AC2B9A. 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)

#CF7AC6 - #AC2B9A | 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 #CF7AC6 as 0% and #AC2B9A as 100%.

0.0%	0.0% #CF7AC6	RGB 207 122 198	#CF7AC6
16.7%	16.7% #C96CBE	RGB 201 108 190	#C96CBE
33.3%	33.3% #C35FB7	RGB 195 95 183	#C35FB7
50.0%	50.0% #BD52B0	RGB 189 82 176	#BD52B0
66.7%	66.7% #B745A8	RGB 183 69 168	#B745A8
83.3%	83.3% #B138A1	RGB 177 56 161	#B138A1
100.0%	100.0% #AC2B9A	RGB 172 43 154	#AC2B9A

#CF7AC6 #C96CBE #C35FB7 #BD52B0 #B745A8 #B138A1 #AC2B9A

#CF7AC6 - #AC2B9A

HSV Blend

#CF7AC6 - #AC2B9A | 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 #CF7AC6 as 0% and #AC2B9A as 100%.

0.0%	0.0% #CF7AC6	RGB 207 122 198	#CF7AC6
16.7%	16.7% #C96BBE	RGB 201 107 190	#C96BBE
33.3%	33.3% #C35DB7	RGB 195 93 183	#C35DB7
50.0%	50.0% #BD4FB0	RGB 189 79 176	#BD4FB0
66.7%	66.7% #B742A8	RGB 183 66 168	#B742A8
83.3%	83.3% #B136A1	RGB 177 54 161	#B136A1
100.0%	100.0% #AC2B9A	RGB 172 43 154	#AC2B9A

#CF7AC6 #C96BBE #C35DB7 #BD4FB0 #B742A8 #B136A1 #AC2B9A

#CF7AC6 - #BD4FB0 - #AC2B9A

CSS codes

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

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