#CF4DAB - #8A005C | 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 #CF4DAB to #8A005C

#CF4DAB #8A005C

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

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

0.0%	0.0% #CF4DAB	RGB 207 77 171	#CF4DAB
16.7%	16.7% #C3409D	RGB 195 64 157	#C3409D
33.3%	33.3% #B83390	RGB 184 51 144	#B83390
50.0%	50.0% #AC2683	RGB 172 38 131	#AC2683
66.7%	66.7% #A11976	RGB 161 25 118	#A11976
83.3%	83.3% #950C69	RGB 149 12 105	#950C69
100.0%	100.0% #8A005C	RGB 138 0 92	#8A005C

#CF4DAB #C3409D #B83390 #AC2683 #A11976 #950C69 #8A005C

#CF4DAB - #8A005C

HSV Blend

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

0.0%	0.0% #CF4DAA	RGB 207 77 170	#CF4DAA
16.7%	16.7% #C33C9C	RGB 195 60 156	#C33C9C
33.3%	33.3% #B82D8F	RGB 184 45 143	#B82D8F
50.0%	50.0% #AC2081	RGB 172 32 129	#AC2081
66.7%	66.7% #A11374	RGB 161 19 116	#A11374
83.3%	83.3% #950968	RGB 149 9 104	#950968
100.0%	100.0% #8A005C	RGB 138 0 92	#8A005C

#CF4DAA #C33C9C #B82D8F #AC2081 #A11374 #950968 #8A005C

#CF4DAB - #AC2081 - #8A005C

CSS codes

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

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