#CF5BA6 - #8F0057 | 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 #CF5BA6 to #8F0057

#CF5BA6 #8F0057

Calculate the color between two colors, #CF5BA6 and #8F0057. 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)

#CF5BA6 - #8F0057 | 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 #CF5BA6 as 0% and #8F0057 as 100%.

0.0%	0.0% #CF5BA6	RGB 207 91 166	#CF5BA6
16.7%	16.7% #C44B98	RGB 196 75 152	#C44B98
33.3%	33.3% #B93C8B	RGB 185 60 139	#B93C8B
50.0%	50.0% #AF2D7E	RGB 175 45 126	#AF2D7E
66.7%	66.7% #A41E71	RGB 164 30 113	#A41E71
83.3%	83.3% #990F64	RGB 153 15 100	#990F64
100.0%	100.0% #8F0057	RGB 143 0 87	#8F0057

#CF5BA6 #C44B98 #B93C8B #AF2D7E #A41E71 #990F64 #8F0057

#CF5BA6 - #8F0057

HSV Blend

#CF5BA6 - #8F0057 | 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 #CF5BA6 as 0% and #8F0057 as 100%.

0.0%	0.0% #CF5BA5	RGB 207 91 165	#CF5BA5
16.7%	16.7% #C44797	RGB 196 71 151	#C44797
33.3%	33.3% #B93689	RGB 185 54 137	#B93689
50.0%	50.0% #AF267C	RGB 175 38 124	#AF267C
66.7%	66.7% #A4186F	RGB 164 24 111	#A4186F
83.3%	83.3% #990B62	RGB 153 11 98	#990B62
100.0%	100.0% #8F0057	RGB 143 0 87	#8F0057

#CF5BA5 #C44797 #B93689 #AF267C #A4186F #990B62 #8F0057

#CF5BA6 - #AF267C - #8F0057

CSS codes

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

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