#CDC5E2 - #8467A4 | 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 #CDC5E2 to #8467A4

#CDC5E2 #8467A4

Calculate the color between two colors, #CDC5E2 and #8467A4. 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)

#CDC5E2 - #8467A4 | 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 #CDC5E2 as 0% and #8467A4 as 100%.

0.0%	0.0% #CDC5E2	RGB 205 197 226	#CDC5E2
16.7%	16.7% #C0B5D7	RGB 192 181 215	#C0B5D7
33.3%	33.3% #B4A5CD	RGB 180 165 205	#B4A5CD
50.0%	50.0% #A896C3	RGB 168 150 195	#A896C3
66.7%	66.7% #9C86B8	RGB 156 134 184	#9C86B8
83.3%	83.3% #9076AE	RGB 144 118 174	#9076AE
100.0%	100.0% #8467A4	RGB 132 103 164	#8467A4

#CDC5E2 #C0B5D7 #B4A5CD #A896C3 #9C86B8 #9076AE #8467A4

#CDC5E2 - #8467A4

HSV Blend

#CDC5E2 - #8467A4 | 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 #CDC5E2 as 0% and #8467A4 as 100%.

0.0%	0.0% #CDC5E2	RGB 205 197 226	#CDC5E2
16.7%	16.7% #BEB3D7	RGB 190 179 215	#BEB3D7
33.3%	33.3% #B1A2CD	RGB 177 162 205	#B1A2CD
50.0%	50.0% #A492C3	RGB 164 146 195	#A492C3
66.7%	66.7% #9882B8	RGB 152 130 184	#9882B8
83.3%	83.3% #8E74AE	RGB 142 116 174	#8E74AE
100.0%	100.0% #8467A4	RGB 132 103 164	#8467A4

#CDC5E2 #BEB3D7 #B1A2CD #A492C3 #9882B8 #8E74AE #8467A4

#CDC5E2 - #A492C3 - #8467A4

CSS codes

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

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