#CDC8D4 - #837191 | 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 #CDC8D4 to #837191

#CDC8D4 #837191

Calculate the color between two colors, #CDC8D4 and #837191. 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)

#CDC8D4 - #837191 | 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 #CDC8D4 as 0% and #837191 as 100%.

0.0%	0.0% #CDC8D4	RGB 205 200 212	#CDC8D4
16.7%	16.7% #C0B9C8	RGB 192 185 200	#C0B9C8
33.3%	33.3% #B4ABBD	RGB 180 171 189	#B4ABBD
50.0%	50.0% #A89CB2	RGB 168 156 178	#A89CB2
66.7%	66.7% #9B8EA7	RGB 155 142 167	#9B8EA7
83.3%	83.3% #8F7F9C	RGB 143 127 156	#8F7F9C
100.0%	100.0% #837191	RGB 131 113 145	#837191

#CDC8D4 #C0B9C8 #B4ABBD #A89CB2 #9B8EA7 #8F7F9C #837191

#CDC8D4 - #837191

HSV Blend

#CDC8D4 - #837191 | 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 #CDC8D4 as 0% and #837191 as 100%.

0.0%	0.0% #CDC8D4	RGB 205 200 212	#CDC8D4
16.7%	16.7% #BFB7C8	RGB 191 183 200	#BFB7C8
33.3%	33.3% #B2A8BD	RGB 178 168 189	#B2A8BD
50.0%	50.0% #A599B2	RGB 165 153 178	#A599B2
66.7%	66.7% #998BA7	RGB 153 139 167	#998BA7
83.3%	83.3% #8E7D9C	RGB 142 125 156	#8E7D9C
100.0%	100.0% #837191	RGB 131 113 145	#837191

#CDC8D4 #BFB7C8 #B2A8BD #A599B2 #998BA7 #8E7D9C #837191

#CDC8D4 - #A599B2 - #837191

CSS codes

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

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