#CDA8C2 - #A14776 | 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 #CDA8C2 to #A14776

#CDA8C2 #A14776

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

#CDA8C2 - #A14776 | 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 #CDA8C2 as 0% and #A14776 as 100%.

0.0%	0.0% #CDA8C2	RGB 205 168 194	#CDA8C2
16.7%	16.7% #C597B5	RGB 197 151 181	#C597B5
33.3%	33.3% #BE87A8	RGB 190 135 168	#BE87A8
50.0%	50.0% #B7779C	RGB 183 119 156	#B7779C
66.7%	66.7% #AF678F	RGB 175 103 143	#AF678F
83.3%	83.3% #A85782	RGB 168 87 130	#A85782
100.0%	100.0% #A14776	RGB 161 71 118	#A14776

#CDA8C2 #C597B5 #BE87A8 #B7779C #AF678F #A85782 #A14776

#CDA8C2 - #A14776

HSV Blend

#CDA8C2 - #A14776 | 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 #CDA8C2 as 0% and #A14776 as 100%.

0.0%	0.0% #CDA8C2	RGB 205 168 194	#CDA8C2
16.7%	16.7% #C595B5	RGB 197 149 181	#C595B5
33.3%	33.3% #BE83A9	RGB 190 131 169	#BE83A9
50.0%	50.0% #B7739C	RGB 183 115 156	#B7739C
66.7%	66.7% #AF638F	RGB 175 99 143	#AF638F
83.3%	83.3% #A85482	RGB 168 84 130	#A85482
100.0%	100.0% #A14776	RGB 161 71 118	#A14776

#CDA8C2 #C595B5 #BE83A9 #B7739C #AF638F #A85482 #A14776

#CDA8C2 - #B7739C - #A14776

CSS codes

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

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