#CDC8D9 - #8F76AF | 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 #CDC8D9 to #8F76AF

#CDC8D9 #8F76AF

Calculate the color between two colors, #CDC8D9 and #8F76AF. 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)

#CDC8D9 - #8F76AF | 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 #CDC8D9 as 0% and #8F76AF as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #C2BAD2	RGB 194 186 210	#C2BAD2
33.3%	33.3% #B8ACCB	RGB 184 172 203	#B8ACCB
50.0%	50.0% #AE9FC4	RGB 174 159 196	#AE9FC4
66.7%	66.7% #A391BD	RGB 163 145 189	#A391BD
83.3%	83.3% #9983B6	RGB 153 131 182	#9983B6
100.0%	100.0% #8F76AF	RGB 143 118 175	#8F76AF

#CDC8D9 #C2BAD2 #B8ACCB #AE9FC4 #A391BD #9983B6 #8F76AF

#CDC8D9 - #8F76AF

HSV Blend

#CDC8D9 - #8F76AF | 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 #CDC8D9 as 0% and #8F76AF as 100%.

0.0%	0.0% #CDC8D9	RGB 205 200 217	#CDC8D9
16.7%	16.7% #C0B8D2	RGB 192 184 210	#C0B8D2
33.3%	33.3% #B5AACB	RGB 181 170 203	#B5AACB
50.0%	50.0% #AA9CC4	RGB 170 156 196	#AA9CC4
66.7%	66.7% #A08FBD	RGB 160 143 189	#A08FBD
83.3%	83.3% #9782B6	RGB 151 130 182	#9782B6
100.0%	100.0% #8F76AF	RGB 143 118 175	#8F76AF

#CDC8D9 #C0B8D2 #B5AACB #AA9CC4 #A08FBD #9782B6 #8F76AF

#CDC8D9 - #AA9CC4 - #8F76AF

CSS codes

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

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