#CF7DAE - #AD2D75 | 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 #CF7DAE to #AD2D75

#CF7DAE #AD2D75

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

#CF7DAE - #AD2D75 | 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 #CF7DAE as 0% and #AD2D75 as 100%.

0.0%	0.0% #CF7DAE	RGB 207 125 174	#CF7DAE
16.7%	16.7% #C96FA4	RGB 201 111 164	#C96FA4
33.3%	33.3% #C3629B	RGB 195 98 155	#C3629B
50.0%	50.0% #BE5591	RGB 190 85 145	#BE5591
66.7%	66.7% #B84788	RGB 184 71 136	#B84788
83.3%	83.3% #B23A7E	RGB 178 58 126	#B23A7E
100.0%	100.0% #AD2D75	RGB 173 45 117	#AD2D75

#CF7DAE #C96FA4 #C3629B #BE5591 #B84788 #B23A7E #AD2D75

#CF7DAE - #AD2D75

HSV Blend

#CF7DAE - #AD2D75 | 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 #CF7DAE as 0% and #AD2D75 as 100%.

0.0%	0.0% #CF7DAE	RGB 207 125 174	#CF7DAE
16.7%	16.7% #C96EA4	RGB 201 110 164	#C96EA4
33.3%	33.3% #C35F9A	RGB 195 95 154	#C35F9A
50.0%	50.0% #BE5290	RGB 190 82 144	#BE5290
66.7%	66.7% #B84587	RGB 184 69 135	#B84587
83.3%	83.3% #B2387E	RGB 178 56 126	#B2387E
100.0%	100.0% #AD2D75	RGB 173 45 117	#AD2D75

#CF7DAE #C96EA4 #C35F9A #BE5290 #B84587 #B2387E #AD2D75

#CF7DAE - #BE5290 - #AD2D75

CSS codes

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

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