#CF7AAD - #AC2B74 | 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 #CF7AAD to #AC2B74

#CF7AAD #AC2B74

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

#CF7AAD - #AC2B74 | 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 #CF7AAD as 0% and #AC2B74 as 100%.

0.0%	0.0% #CF7AAD	RGB 207 122 173	#CF7AAD
16.7%	16.7% #C96CA3	RGB 201 108 163	#C96CA3
33.3%	33.3% #C35F9A	RGB 195 95 154	#C35F9A
50.0%	50.0% #BD5290	RGB 189 82 144	#BD5290
66.7%	66.7% #B74587	RGB 183 69 135	#B74587
83.3%	83.3% #B1387D	RGB 177 56 125	#B1387D
100.0%	100.0% #AC2B74	RGB 172 43 116	#AC2B74

#CF7AAD #C96CA3 #C35F9A #BD5290 #B74587 #B1387D #AC2B74

#CF7AAD - #AC2B74

HSV Blend

#CF7AAD - #AC2B74 | 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 #CF7AAD as 0% and #AC2B74 as 100%.

0.0%	0.0% #CF7AAC	RGB 207 122 172	#CF7AAC
16.7%	16.7% #C96BA3	RGB 201 107 163	#C96BA3
33.3%	33.3% #C35D99	RGB 195 93 153	#C35D99
50.0%	50.0% #BD4F8F	RGB 189 79 143	#BD4F8F
66.7%	66.7% #B74286	RGB 183 66 134	#B74286
83.3%	83.3% #B1367D	RGB 177 54 125	#B1367D
100.0%	100.0% #AC2B74	RGB 172 43 116	#AC2B74

#CF7AAC #C96BA3 #C35D99 #BD4F8F #B74286 #B1367D #AC2B74

#CF7AAD - #BD4F8F - #AC2B74

CSS codes

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

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