#C9ADC2 - #D2E5D9 | 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 #C9ADC2 to #D2E5D9

#C9ADC2 #D2E5D9

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

#C9ADC2 - #D2E5D9 | 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 #C9ADC2 as 0% and #D2E5D9 as 100%.

0.0%	0.0% #C9ADC2	RGB 201 173 194	#C9ADC2
16.7%	16.7% #CAB6C5	RGB 202 182 197	#CAB6C5
33.3%	33.3% #CCBFC9	RGB 204 191 201	#CCBFC9
50.0%	50.0% #CDC9CD	RGB 205 201 205	#CDC9CD
66.7%	66.7% #CFD2D1	RGB 207 210 209	#CFD2D1
83.3%	83.3% #D0DBD5	RGB 208 219 213	#D0DBD5
100.0%	100.0% #D2E5D9	RGB 210 229 217	#D2E5D9

#C9ADC2 #CAB6C5 #CCBFC9 #CDC9CD #CFD2D1 #D0DBD5 #D2E5D9

#C9ADC2 - #D2E5D9

HSV Blend

#C9ADC2 - #D2E5D9 | 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 #C9ADC2 as 0% and #D2E5D9 as 100%.

0.0%	0.0% #C9ADC2	RGB 201 173 194	#C9ADC2
16.7%	16.7% #C7B2CD	RGB 199 178 205	#C7B2CD
33.3%	33.3% #C0B8D2	RGB 192 184 210	#C0B8D2
50.0%	50.0% #BFC3D7	RGB 191 195 215	#BFC3D7
66.7%	66.7% #C5D4DB	RGB 197 212 219	#C5D4DB
83.3%	83.3% #CBE0DD	RGB 203 224 221	#CBE0DD
100.0%	100.0% #D2E5D9	RGB 210 229 217	#D2E5D9

#C9ADC2 #C7B2CD #C0B8D2 #BFC3D7 #C5D4DB #CBE0DD #D2E5D9

#C9ADC2 - #BFC3D7 - #D2E5D9

CSS codes

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

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