#CDCDD9 - #8184A4 | 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 #CDCDD9 to #8184A4

#CDCDD9 #8184A4

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

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

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #C0C0D0	RGB 192 192 208	#C0C0D0
33.3%	33.3% #B3B4C7	RGB 179 180 199	#B3B4C7
50.0%	50.0% #A7A8BE	RGB 167 168 190	#A7A8BE
66.7%	66.7% #9A9CB5	RGB 154 156 181	#9A9CB5
83.3%	83.3% #8D90AC	RGB 141 144 172	#8D90AC
100.0%	100.0% #8184A4	RGB 129 132 164	#8184A4

#CDCDD9 #C0C0D0 #B3B4C7 #A7A8BE #9A9CB5 #8D90AC #8184A4

#CDCDD9 - #8184A4

HSV Blend

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

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #BFBFD0	RGB 191 191 208	#BFBFD0
33.3%	33.3% #B1B2C7	RGB 177 178 199	#B1B2C7
50.0%	50.0% #A4A6BE	RGB 164 166 190	#A4A6BE
66.7%	66.7% #989AB5	RGB 152 154 181	#989AB5
83.3%	83.3% #8C8EAC	RGB 140 142 172	#8C8EAC
100.0%	100.0% #8184A4	RGB 129 132 164	#8184A4

#CDCDD9 #BFBFD0 #B1B2C7 #A4A6BE #989AB5 #8C8EAC #8184A4

#CDCDD9 - #A4A6BE - #8184A4

CSS codes

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

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