#C3ADDB - #D4D5DA | 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 #C3ADDB to #D4D5DA

#C3ADDB #D4D5DA

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

#C3ADDB - #D4D5DA | 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 #C3ADDB as 0% and #D4D5DA as 100%.

0.0%	0.0% #C3ADDB	RGB 195 173 219	#C3ADDB
16.7%	16.7% #C5B3DA	RGB 197 179 218	#C5B3DA
33.3%	33.3% #C8BADA	RGB 200 186 218	#C8BADA
50.0%	50.0% #CBC1DA	RGB 203 193 218	#CBC1DA
66.7%	66.7% #CEC7DA	RGB 206 199 218	#CEC7DA
83.3%	83.3% #D1CEDA	RGB 209 206 218	#D1CEDA
100.0%	100.0% #D4D5DA	RGB 212 213 218	#D4D5DA

#C3ADDB #C5B3DA #C8BADA #CBC1DA #CEC7DA #D1CEDA #D4D5DA

#C3ADDB - #D4D5DA

HSV Blend

#C3ADDB - #D4D5DA | 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 #C3ADDB as 0% and #D4D5DA as 100%.

0.0%	0.0% #C3ADDB	RGB 195 173 219	#C3ADDB
16.7%	16.7% #C2B3DA	RGB 194 179 218	#C2B3DA
33.3%	33.3% #C2BADA	RGB 194 186 218	#C2BADA
50.0%	50.0% #C4C0DA	RGB 196 192 218	#C4C0DA
66.7%	66.7% #C7C7DA	RGB 199 199 218	#C7C7DA
83.3%	83.3% #CDCEDA	RGB 205 206 218	#CDCEDA
100.0%	100.0% #D4D5DA	RGB 212 213 218	#D4D5DA

#C3ADDB #C2B3DA #C2BADA #C4C0DA #C7C7DA #CDCEDA #D4D5DA

#C3ADDB - #C4C0DA - #D4D5DA

CSS codes

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

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