#CDA2DA - #773E97 | 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 #CDA2DA to #773E97

#CDA2DA #773E97

Calculate the color between two colors, #CDA2DA and #773E97. 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)

#CDA2DA - #773E97 | 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 #CDA2DA as 0% and #773E97 as 100%.

0.0%	0.0% #CDA2DA	RGB 205 162 218	#CDA2DA
16.7%	16.7% #BE91CE	RGB 190 145 206	#BE91CE
33.3%	33.3% #B080C3	RGB 176 128 195	#B080C3
50.0%	50.0% #A270B8	RGB 162 112 184	#A270B8
66.7%	66.7% #935FAD	RGB 147 95 173	#935FAD
83.3%	83.3% #854EA2	RGB 133 78 162	#854EA2
100.0%	100.0% #773E97	RGB 119 62 151	#773E97

#CDA2DA #BE91CE #B080C3 #A270B8 #935FAD #854EA2 #773E97

#CDA2DA - #773E97

HSV Blend

#CDA2DA - #773E97 | 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 #CDA2DA as 0% and #773E97 as 100%.

0.0%	0.0% #CDA2DA	RGB 205 162 218	#CDA2DA
16.7%	16.7% #BE8ECE	RGB 190 142 206	#BE8ECE
33.3%	33.3% #AF7BC3	RGB 175 123 195	#AF7BC3
50.0%	50.0% #A16AB8	RGB 161 106 184	#A16AB8
66.7%	66.7% #935AAD	RGB 147 90 173	#935AAD
83.3%	83.3% #844BA2	RGB 132 75 162	#844BA2
100.0%	100.0% #773E97	RGB 119 62 151	#773E97

#CDA2DA #BE8ECE #AF7BC3 #A16AB8 #935AAD #844BA2 #773E97

#CDA2DA - #A16AB8 - #773E97

CSS codes

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

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