#C8AFC5 - #D0E2D3 | 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 #C8AFC5 to #D0E2D3

#C8AFC5 #D0E2D3

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

#C8AFC5 - #D0E2D3 | 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 #C8AFC5 as 0% and #D0E2D3 as 100%.

0.0%	0.0% #C8AFC5	RGB 200 175 197	#C8AFC5
16.7%	16.7% #C9B7C7	RGB 201 183 199	#C9B7C7
33.3%	33.3% #CAC0C9	RGB 202 192 201	#CAC0C9
50.0%	50.0% #CCC8CC	RGB 204 200 204	#CCC8CC
66.7%	66.7% #CDD1CE	RGB 205 209 206	#CDD1CE
83.3%	83.3% #CED9D0	RGB 206 217 208	#CED9D0
100.0%	100.0% #D0E2D3	RGB 208 226 211	#D0E2D3

#C8AFC5 #C9B7C7 #CAC0C9 #CCC8CC #CDD1CE #CED9D0 #D0E2D3

#C8AFC5 - #D0E2D3

HSV Blend

#C8AFC5 - #D0E2D3 | 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 #C8AFC5 as 0% and #D0E2D3 as 100%.

0.0%	0.0% #C8AFC5	RGB 200 175 197	#C8AFC5
16.7%	16.7% #C3B4CC	RGB 195 180 204	#C3B4CC
33.3%	33.3% #BCB9D0	RGB 188 185 208	#BCB9D0
50.0%	50.0% #BFC6D5	RGB 191 198 213	#BFC6D5
66.7%	66.7% #C4D6D9	RGB 196 214 217	#C4D6D9
83.3%	83.3% #CADDD7	RGB 202 221 215	#CADDD7
100.0%	100.0% #D0E2D3	RGB 208 226 211	#D0E2D3

#C8AFC5 #C3B4CC #BCB9D0 #BFC6D5 #C4D6D9 #CADDD7 #D0E2D3

#C8AFC5 - #BFC6D5 - #D0E2D3

CSS codes

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

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