#CDA4B8 - #9D486B | 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 #CDA4B8 to #9D486B

#CDA4B8 #9D486B

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

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

0.0%	0.0% #CDA4B8	RGB 205 164 184	#CDA4B8
16.7%	16.7% #C594AB	RGB 197 148 171	#C594AB
33.3%	33.3% #BD859E	RGB 189 133 158	#BD859E
50.0%	50.0% #B57691	RGB 181 118 145	#B57691
66.7%	66.7% #AD6684	RGB 173 102 132	#AD6684
83.3%	83.3% #A55777	RGB 165 87 119	#A55777
100.0%	100.0% #9D486B	RGB 157 72 107	#9D486B

#CDA4B8 #C594AB #BD859E #B57691 #AD6684 #A55777 #9D486B

#CDA4B8 - #9D486B

HSV Blend

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

0.0%	0.0% #CDA4B8	RGB 205 164 184	#CDA4B8
16.7%	16.7% #C592AA	RGB 197 146 170	#C592AA
33.3%	33.3% #BD819D	RGB 189 129 157	#BD819D
50.0%	50.0% #B57190	RGB 181 113 144	#B57190
66.7%	66.7% #AD6383	RGB 173 99 131	#AD6383
83.3%	83.3% #A55576	RGB 165 85 118	#A55576
100.0%	100.0% #9D486B	RGB 157 72 107	#9D486B

#CDA4B8 #C592AA #BD819D #B57190 #AD6383 #A55576 #9D486B

#CDA4B8 - #B57190 - #9D486B

CSS codes

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

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