#CFA8BB - #8D477C | 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 #CFA8BB to #8D477C

#CFA8BB #8D477C

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

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

0.0%	0.0% #CFA8BB	RGB 207 168 187	#CFA8BB
16.7%	16.7% #C497B0	RGB 196 151 176	#C497B0
33.3%	33.3% #B987A6	RGB 185 135 166	#B987A6
50.0%	50.0% #AE779B	RGB 174 119 155	#AE779B
66.7%	66.7% #A36791	RGB 163 103 145	#A36791
83.3%	83.3% #985786	RGB 152 87 134	#985786
100.0%	100.0% #8D477C	RGB 141 71 124	#8D477C

#CFA8BB #C497B0 #B987A6 #AE779B #A36791 #985786 #8D477C

#CFA8BB - #8D477C

HSV Blend

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

0.0%	0.0% #CFA8BB	RGB 207 168 187	#CFA8BB
16.7%	16.7% #C495AE	RGB 196 149 174	#C495AE
33.3%	33.3% #B983A2	RGB 185 131 162	#B983A2
50.0%	50.0% #AE7297	RGB 174 114 151	#AE7297
66.7%	66.7% #A3628D	RGB 163 98 141	#A3628D
83.3%	83.3% #985484	RGB 152 84 132	#985484
100.0%	100.0% #8D477C	RGB 141 71 124	#8D477C

#CFA8BB #C495AE #B983A2 #AE7297 #A3628D #985484 #8D477C

#CFA8BB - #AE7297 - #8D477C

CSS codes

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

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