#CF7BAD - #AD2A73 | 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 #CF7BAD to #AD2A73

#CF7BAD #AD2A73

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

#CF7BAD - #AD2A73 | 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 #CF7BAD as 0% and #AD2A73 as 100%.

0.0%	0.0% #CF7BAD	RGB 207 123 173	#CF7BAD
16.7%	16.7% #C96DA3	RGB 201 109 163	#C96DA3
33.3%	33.3% #C36099	RGB 195 96 153	#C36099
50.0%	50.0% #BE5290	RGB 190 82 144	#BE5290
66.7%	66.7% #B84586	RGB 184 69 134	#B84586
83.3%	83.3% #B2377C	RGB 178 55 124	#B2377C
100.0%	100.0% #AD2A73	RGB 173 42 115	#AD2A73

#CF7BAD #C96DA3 #C36099 #BE5290 #B84586 #B2377C #AD2A73

#CF7BAD - #AD2A73

HSV Blend

#CF7BAD - #AD2A73 | 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 #CF7BAD as 0% and #AD2A73 as 100%.

0.0%	0.0% #CF7BAD	RGB 207 123 173	#CF7BAD
16.7%	16.7% #C96BA2	RGB 201 107 162	#C96BA2
33.3%	33.3% #C35D98	RGB 195 93 152	#C35D98
50.0%	50.0% #BE4F8F	RGB 190 79 143	#BE4F8F
66.7%	66.7% #B84285	RGB 184 66 133	#B84285
83.3%	83.3% #B2357C	RGB 178 53 124	#B2357C
100.0%	100.0% #AD2A73	RGB 173 42 115	#AD2A73

#CF7BAD #C96BA2 #C35D98 #BE4F8F #B84285 #B2357C #AD2A73

#CF7BAD - #BE4F8F - #AD2A73

CSS codes

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

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