#C8C2D4 - #DADFD5 | 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 #C8C2D4 to #DADFD5

#C8C2D4 #DADFD5

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

#C8C2D4 - #DADFD5 | 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 #C8C2D4 as 0% and #DADFD5 as 100%.

0.0%	0.0% #C8C2D4	RGB 200 194 212	#C8C2D4
16.7%	16.7% #CBC6D4	RGB 203 198 212	#CBC6D4
33.3%	33.3% #CECBD4	RGB 206 203 212	#CECBD4
50.0%	50.0% #D1D0D4	RGB 209 208 212	#D1D0D4
66.7%	66.7% #D4D5D4	RGB 212 213 212	#D4D5D4
83.3%	83.3% #D7DAD4	RGB 215 218 212	#D7DAD4
100.0%	100.0% #DADFD5	RGB 218 223 213	#DADFD5

#C8C2D4 #CBC6D4 #CECBD4 #D1D0D4 #D4D5D4 #D7DAD4 #DADFD5

#C8C2D4 - #DADFD5

HSV Blend

#C8C2D4 - #DADFD5 | 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 #C8C2D4 as 0% and #DADFD5 as 100%.

0.0%	0.0% #C8C2D4	RGB 200 194 212	#C8C2D4
16.7%	16.7% #C5C7D5	RGB 197 199 213	#C5C7D5
33.3%	33.3% #C8D1D7	RGB 200 209 215	#C8D1D7
50.0%	50.0% #CBD9D8	RGB 203 217 216	#CBD9D8
66.7%	66.7% #CEDBD4	RGB 206 219 212	#CEDBD4
83.3%	83.3% #D2DDD1	RGB 210 221 209	#D2DDD1
100.0%	100.0% #DADFD5	RGB 218 223 213	#DADFD5

#C8C2D4 #C5C7D5 #C8D1D7 #CBD9D8 #CEDBD4 #D2DDD1 #DADFD5

#C8C2D4 - #CBD9D8 - #DADFD5

CSS codes

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

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