#CF7CC3 - #AE2B9D | 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 #CF7CC3 to #AE2B9D

#CF7CC3 #AE2B9D

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

#CF7CC3 - #AE2B9D | 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 #CF7CC3 as 0% and #AE2B9D as 100%.

0.0%	0.0% #CF7CC3	RGB 207 124 195	#CF7CC3
16.7%	16.7% #C96EBC	RGB 201 110 188	#C96EBC
33.3%	33.3% #C461B6	RGB 196 97 182	#C461B6
50.0%	50.0% #BE53B0	RGB 190 83 176	#BE53B0
66.7%	66.7% #B946A9	RGB 185 70 169	#B946A9
83.3%	83.3% #B338A3	RGB 179 56 163	#B338A3
100.0%	100.0% #AE2B9D	RGB 174 43 157	#AE2B9D

#CF7CC3 #C96EBC #C461B6 #BE53B0 #B946A9 #B338A3 #AE2B9D

#CF7CC3 - #AE2B9D

HSV Blend

#CF7CC3 - #AE2B9D | 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 #CF7CC3 as 0% and #AE2B9D as 100%.

0.0%	0.0% #CF7CC3	RGB 207 124 195	#CF7CC3
16.7%	16.7% #C96CBC	RGB 201 108 188	#C96CBC
33.3%	33.3% #C45EB5	RGB 196 94 181	#C45EB5
50.0%	50.0% #BE50AF	RGB 190 80 175	#BE50AF
66.7%	66.7% #B943A9	RGB 185 67 169	#B943A9
83.3%	83.3% #B336A3	RGB 179 54 163	#B336A3
100.0%	100.0% #AE2B9D	RGB 174 43 157	#AE2B9D

#CF7CC3 #C96CBC #C45EB5 #BE50AF #B943A9 #B336A3 #AE2B9D

#CF7CC3 - #BE50AF - #AE2B9D

CSS codes

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

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