#C9ADC8 - #D1E3D4 | 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 #C9ADC8 to #D1E3D4

#C9ADC8 #D1E3D4

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

#C9ADC8 - #D1E3D4 | 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 #C9ADC8 as 0% and #D1E3D4 as 100%.

0.0%	0.0% #C9ADC8	RGB 201 173 200	#C9ADC8
16.7%	16.7% #CAB6CA	RGB 202 182 202	#CAB6CA
33.3%	33.3% #CBBFCC	RGB 203 191 204	#CBBFCC
50.0%	50.0% #CDC8CE	RGB 205 200 206	#CDC8CE
66.7%	66.7% #CED1D0	RGB 206 209 208	#CED1D0
83.3%	83.3% #CFDAD2	RGB 207 218 210	#CFDAD2
100.0%	100.0% #D1E3D4	RGB 209 227 212	#D1E3D4

#C9ADC8 #CAB6CA #CBBFCC #CDC8CE #CED1D0 #CFDAD2 #D1E3D4

#C9ADC8 - #D1E3D4

HSV Blend

#C9ADC8 - #D1E3D4 | 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 #C9ADC8 as 0% and #D1E3D4 as 100%.

0.0%	0.0% #C9ADC8	RGB 201 173 200	#C9ADC8
16.7%	16.7% #C1B2CD	RGB 193 178 205	#C1B2CD
33.3%	33.3% #BAB8D1	RGB 186 184 209	#BAB8D1
50.0%	50.0% #BEC7D6	RGB 190 199 214	#BEC7D6
66.7%	66.7% #C4D7DA	RGB 196 215 218	#C4D7DA
83.3%	83.3% #CADED7	RGB 202 222 215	#CADED7
100.0%	100.0% #D1E3D4	RGB 209 227 212	#D1E3D4

#C9ADC8 #C1B2CD #BAB8D1 #BEC7D6 #C4D7DA #CADED7 #D1E3D4

#C9ADC8 - #BEC7D6 - #D1E3D4

CSS codes

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

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