#CF6DAB - #950B5C | 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 #CF6DAB to #950B5C

#CF6DAB #950B5C

Calculate the color between two colors, #CF6DAB and #950B5C. 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)

#CF6DAB - #950B5C | 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 #CF6DAB as 0% and #950B5C as 100%.

0.0%	0.0% #CF6DAB	RGB 207 109 171	#CF6DAB
16.7%	16.7% #C55C9D	RGB 197 92 157	#C55C9D
33.3%	33.3% #BB4C90	RGB 187 76 144	#BB4C90
50.0%	50.0% #B23C83	RGB 178 60 131	#B23C83
66.7%	66.7% #A82B76	RGB 168 43 118	#A82B76
83.3%	83.3% #9E1B69	RGB 158 27 105	#9E1B69
100.0%	100.0% #950B5C	RGB 149 11 92	#950B5C

#CF6DAB #C55C9D #BB4C90 #B23C83 #A82B76 #9E1B69 #950B5C

#CF6DAB - #950B5C

HSV Blend

#CF6DAB - #950B5C | 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 #CF6DAB as 0% and #950B5C as 100%.

0.0%	0.0% #CF6DAB	RGB 207 109 171	#CF6DAB
16.7%	16.7% #C5599C	RGB 197 89 156	#C5599C
33.3%	33.3% #BB468E	RGB 187 70 142	#BB468E
50.0%	50.0% #B23581	RGB 178 53 129	#B23581
66.7%	66.7% #A82574	RGB 168 37 116	#A82574
83.3%	83.3% #9E1767	RGB 158 23 103	#9E1767
100.0%	100.0% #950B5C	RGB 149 11 92	#950B5C

#CF6DAB #C5599C #BB468E #B23581 #A82574 #9E1767 #950B5C

#CF6DAB - #B23581 - #950B5C

CSS codes

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

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