#CF7C9B - #AE2B5E | 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 #CF7C9B to #AE2B5E

#CF7C9B #AE2B5E

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

#CF7C9B - #AE2B5E | 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 #CF7C9B as 0% and #AE2B5E as 100%.

0.0%	0.0% #CF7C9B	RGB 207 124 155	#CF7C9B
16.7%	16.7% #C96E90	RGB 201 110 144	#C96E90
33.3%	33.3% #C46186	RGB 196 97 134	#C46186
50.0%	50.0% #BE537C	RGB 190 83 124	#BE537C
66.7%	66.7% #B94672	RGB 185 70 114	#B94672
83.3%	83.3% #B33868	RGB 179 56 104	#B33868
100.0%	100.0% #AE2B5E	RGB 174 43 94	#AE2B5E

#CF7C9B #C96E90 #C46186 #BE537C #B94672 #B33868 #AE2B5E

#CF7C9B - #AE2B5E

HSV Blend

#CF7C9B - #AE2B5E | 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 #CF7C9B as 0% and #AE2B5E as 100%.

0.0%	0.0% #CF7C9B	RGB 207 124 155	#CF7C9B
16.7%	16.7% #C96C8F	RGB 201 108 143	#C96C8F
33.3%	33.3% #C45E84	RGB 196 94 132	#C45E84
50.0%	50.0% #BE507A	RGB 190 80 122	#BE507A
66.7%	66.7% #B94370	RGB 185 67 112	#B94370
83.3%	83.3% #B33667	RGB 179 54 103	#B33667
100.0%	100.0% #AE2B5E	RGB 174 43 94	#AE2B5E

#CF7C9B #C96C8F #C45E84 #BE507A #B94370 #B33667 #AE2B5E

#CF7C9B - #BE507A - #AE2B5E

CSS codes

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

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