#CDA2B2 - #9A4D63 | 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 #CDA2B2 to #9A4D63

#CDA2B2 #9A4D63

Calculate the color between two colors, #CDA2B2 and #9A4D63. 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)

#CDA2B2 - #9A4D63 | 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 #CDA2B2 as 0% and #9A4D63 as 100%.

0.0%	0.0% #CDA2B2	RGB 205 162 178	#CDA2B2
16.7%	16.7% #C493A4	RGB 196 147 164	#C493A4
33.3%	33.3% #BC8597	RGB 188 133 151	#BC8597
50.0%	50.0% #B3778A	RGB 179 119 138	#B3778A
66.7%	66.7% #AB697D	RGB 171 105 125	#AB697D
83.3%	83.3% #A25B70	RGB 162 91 112	#A25B70
100.0%	100.0% #9A4D63	RGB 154 77 99	#9A4D63

#CDA2B2 #C493A4 #BC8597 #B3778A #AB697D #A25B70 #9A4D63

#CDA2B2 - #9A4D63

HSV Blend

#CDA2B2 - #9A4D63 | 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 #CDA2B2 as 0% and #9A4D63 as 100%.

0.0%	0.0% #CDA2B2	RGB 205 162 178	#CDA2B2
16.7%	16.7% #C491A3	RGB 196 145 163	#C491A3
33.3%	33.3% #BC8296	RGB 188 130 150	#BC8296
50.0%	50.0% #B37388	RGB 179 115 136	#B37388
66.7%	66.7% #AB667B	RGB 171 102 123	#AB667B
83.3%	83.3% #A2596F	RGB 162 89 111	#A2596F
100.0%	100.0% #9A4D63	RGB 154 77 99	#9A4D63

#CDA2B2 #C491A3 #BC8296 #B37388 #AB667B #A2596F #9A4D63

#CDA2B2 - #B37388 - #9A4D63

CSS codes

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

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