#CDA8EE - #7644B8 | 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 #CDA8EE to #7644B8

#CDA8EE #7644B8

Calculate the color between two colors, #CDA8EE and #7644B8. 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)

#CDA8EE - #7644B8 | 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 #CDA8EE as 0% and #7644B8 as 100%.

0.0%	0.0% #CDA8EE	RGB 205 168 238	#CDA8EE
16.7%	16.7% #BE97E5	RGB 190 151 229	#BE97E5
33.3%	33.3% #B086DC	RGB 176 134 220	#B086DC
50.0%	50.0% #A176D3	RGB 161 118 211	#A176D3
66.7%	66.7% #9365CA	RGB 147 101 202	#9365CA
83.3%	83.3% #8454C1	RGB 132 84 193	#8454C1
100.0%	100.0% #7644B8	RGB 118 68 184	#7644B8

#CDA8EE #BE97E5 #B086DC #A176D3 #9365CA #8454C1 #7644B8

#CDA8EE - #7644B8

HSV Blend

#CDA8EE - #7644B8 | 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 #CDA8EE as 0% and #7644B8 as 100%.

0.0%	0.0% #CDA8EE	RGB 205 168 238	#CDA8EE
16.7%	16.7% #BD94E5	RGB 189 148 229	#BD94E5
33.3%	33.3% #AE82DC	RGB 174 130 220	#AE82DC
50.0%	50.0% #A071D3	RGB 160 113 211	#A071D3
66.7%	66.7% #9161CA	RGB 145 97 202	#9161CA
83.3%	83.3% #8352C1	RGB 131 82 193	#8352C1
100.0%	100.0% #7644B8	RGB 118 68 184	#7644B8

#CDA8EE #BD94E5 #AE82DC #A071D3 #9161CA #8352C1 #7644B8

#CDA8EE - #A071D3 - #7644B8

CSS codes

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

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