#CDC5E1 - #8467A2 | 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 #CDC5E1 to #8467A2

#CDC5E1 #8467A2

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

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

0.0%	0.0% #CDC5E1	RGB 205 197 225	#CDC5E1
16.7%	16.7% #C0B5D6	RGB 192 181 214	#C0B5D6
33.3%	33.3% #B4A5CC	RGB 180 165 204	#B4A5CC
50.0%	50.0% #A896C1	RGB 168 150 193	#A896C1
66.7%	66.7% #9C86B7	RGB 156 134 183	#9C86B7
83.3%	83.3% #9076AC	RGB 144 118 172	#9076AC
100.0%	100.0% #8467A2	RGB 132 103 162	#8467A2

#CDC5E1 #C0B5D6 #B4A5CC #A896C1 #9C86B7 #9076AC #8467A2

#CDC5E1 - #8467A2

HSV Blend

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

0.0%	0.0% #CDC5E1	RGB 205 197 225	#CDC5E1
16.7%	16.7% #BEB3D6	RGB 190 179 214	#BEB3D6
33.3%	33.3% #B1A2CC	RGB 177 162 204	#B1A2CC
50.0%	50.0% #A492C1	RGB 164 146 193	#A492C1
66.7%	66.7% #9882B7	RGB 152 130 183	#9882B7
83.3%	83.3% #8E74AC	RGB 142 116 172	#8E74AC
100.0%	100.0% #8467A2	RGB 132 103 162	#8467A2

#CDC5E1 #BEB3D6 #B1A2CC #A492C1 #9882B7 #8E74AC #8467A2

#CDC5E1 - #A492C1 - #8467A2

CSS codes

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

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