#CF6BA7 - #A6216C | 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 #CF6BA7 to #A6216C

#CF6BA7 #A6216C

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

#CF6BA7 - #A6216C | 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 #CF6BA7 as 0% and #A6216C as 100%.

0.0%	0.0% #CF6BA7	RGB 207 107 167	#CF6BA7
16.7%	16.7% #C85E9D	RGB 200 94 157	#C85E9D
33.3%	33.3% #C15293	RGB 193 82 147	#C15293
50.0%	50.0% #BA4689	RGB 186 70 137	#BA4689
66.7%	66.7% #B3397F	RGB 179 57 127	#B3397F
83.3%	83.3% #AC2D75	RGB 172 45 117	#AC2D75
100.0%	100.0% #A6216C	RGB 166 33 108	#A6216C

#CF6BA7 #C85E9D #C15293 #BA4689 #B3397F #AC2D75 #A6216C

#CF6BA7 - #A6216C

HSV Blend

#CF6BA7 - #A6216C | 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 #CF6BA7 as 0% and #A6216C as 100%.

0.0%	0.0% #CF6BA6	RGB 207 107 166	#CF6BA6
16.7%	16.7% #C85C9C	RGB 200 92 156	#C85C9C
33.3%	33.3% #C14F92	RGB 193 79 146	#C14F92
50.0%	50.0% #BA4288	RGB 186 66 136	#BA4288
66.7%	66.7% #B3367E	RGB 179 54 126	#B3367E
83.3%	83.3% #AC2B75	RGB 172 43 117	#AC2B75
100.0%	100.0% #A6216C	RGB 166 33 108	#A6216C

#CF6BA6 #C85C9C #C14F92 #BA4288 #B3367E #AC2B75 #A6216C

#CF6BA7 - #BA4288 - #A6216C

CSS codes

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

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