#C9A8C5 - #D0DFD2 | 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 #C9A8C5 to #D0DFD2

#C9A8C5 #D0DFD2

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

#C9A8C5 - #D0DFD2 | 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 #C9A8C5 as 0% and #D0DFD2 as 100%.

0.0%	0.0% #C9A8C5	RGB 201 168 197	#C9A8C5
16.7%	16.7% #CAB1C7	RGB 202 177 199	#CAB1C7
33.3%	33.3% #CBBAC9	RGB 203 186 201	#CBBAC9
50.0%	50.0% #CCC3CB	RGB 204 195 203	#CCC3CB
66.7%	66.7% #CDCCCD	RGB 205 204 205	#CDCCCD
83.3%	83.3% #CED5CF	RGB 206 213 207	#CED5CF
100.0%	100.0% #D0DFD2	RGB 208 223 210	#D0DFD2

#C9A8C5 #CAB1C7 #CBBAC9 #CCC3CB #CDCCCD #CED5CF #D0DFD2

#C9A8C5 - #D0DFD2

HSV Blend

#C9A8C5 - #D0DFD2 | 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 #C9A8C5 as 0% and #D0DFD2 as 100%.

0.0%	0.0% #C9A8C5	RGB 201 168 197	#C9A8C5
16.7%	16.7% #C1AECC	RGB 193 174 204	#C1AECC
33.3%	33.3% #B8B4D0	RGB 184 180 208	#B8B4D0
50.0%	50.0% #BBC4D4	RGB 187 196 212	#BBC4D4
66.7%	66.7% #C2D4D7	RGB 194 212 215	#C2D4D7
83.3%	83.3% #C9DBD4	RGB 201 219 212	#C9DBD4
100.0%	100.0% #D0DFD2	RGB 208 223 210	#D0DFD2

#C9A8C5 #C1AECC #B8B4D0 #BBC4D4 #C2D4D7 #C9DBD4 #D0DFD2

#C9A8C5 - #BBC4D4 - #D0DFD2

CSS codes

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

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