#C8AFB8 - #D0E2DC | 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 #C8AFB8 to #D0E2DC

#C8AFB8 #D0E2DC

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

#C8AFB8 - #D0E2DC | 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 #C8AFB8 as 0% and #D0E2DC as 100%.

0.0%	0.0% #C8AFB8	RGB 200 175 184	#C8AFB8
16.7%	16.7% #C9B7BE	RGB 201 183 190	#C9B7BE
33.3%	33.3% #CAC0C4	RGB 202 192 196	#CAC0C4
50.0%	50.0% #CCC8CA	RGB 204 200 202	#CCC8CA
66.7%	66.7% #CDD1D0	RGB 205 209 208	#CDD1D0
83.3%	83.3% #CED9D6	RGB 206 217 214	#CED9D6
100.0%	100.0% #D0E2DC	RGB 208 226 220	#D0E2DC

#C8AFB8 #C9B7BE #CAC0C4 #CCC8CA #CDD1D0 #CED9D6 #D0E2DC

#C8AFB8 - #D0E2DC

HSV Blend

#C8AFB8 - #D0E2DC | 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 #C8AFB8 as 0% and #D0E2DC as 100%.

0.0%	0.0% #C8AFB8	RGB 200 175 184	#C8AFB8
16.7%	16.7% #CCB4C8	RGB 204 180 200	#CCB4C8
33.3%	33.3% #C8B9D0	RGB 200 185 208	#C8B9D0
50.0%	50.0% #C2BFD5	RGB 194 191 213	#C2BFD5
66.7%	66.7% #C4CBD9	RGB 196 203 217	#C4CBD9
83.3%	83.3% #CADADD	RGB 202 218 221	#CADADD
100.0%	100.0% #D0E2DC	RGB 208 226 220	#D0E2DC

#C8AFB8 #CCB4C8 #C8B9D0 #C2BFD5 #C4CBD9 #CADADD #D0E2DC

#C8AFB8 - #C2BFD5 - #D0E2DC

CSS codes

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

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