#C2AACC - #D5E2D3 | 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 #C2AACC to #D5E2D3

#C2AACC #D5E2D3

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

#C2AACC - #D5E2D3 | 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 #C2AACC as 0% and #D5E2D3 as 100%.

0.0%	0.0% #C2AACC	RGB 194 170 204	#C2AACC
16.7%	16.7% #C5B3CD	RGB 197 179 205	#C5B3CD
33.3%	33.3% #C8BCCE	RGB 200 188 206	#C8BCCE
50.0%	50.0% #CBC6CF	RGB 203 198 207	#CBC6CF
66.7%	66.7% #CECFD0	RGB 206 207 208	#CECFD0
83.3%	83.3% #D1D8D1	RGB 209 216 209	#D1D8D1
100.0%	100.0% #D5E2D3	RGB 213 226 211	#D5E2D3

#C2AACC #C5B3CD #C8BCCE #CBC6CF #CECFD0 #D1D8D1 #D5E2D3

#C2AACC - #D5E2D3

HSV Blend

#C2AACC - #D5E2D3 | 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 #C2AACC as 0% and #D5E2D3 as 100%.

0.0%	0.0% #C2AACC	RGB 194 170 204	#C2AACC
16.7%	16.7% #B7B0CF	RGB 183 176 207	#B7B0CF
33.3%	33.3% #B7BDD3	RGB 183 189 211	#B7BDD3
50.0%	50.0% #BDCFD7	RGB 189 207 215	#BDCFD7
66.7%	66.7% #C4DAD6	RGB 196 218 214	#C4DAD6
83.3%	83.3% #CBDED2	RGB 203 222 210	#CBDED2
100.0%	100.0% #D5E2D3	RGB 213 226 211	#D5E2D3

#C2AACC #B7B0CF #B7BDD3 #BDCFD7 #C4DAD6 #CBDED2 #D5E2D3

#C2AACC - #BDCFD7 - #D5E2D3

CSS codes

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

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