#C8DAD7 - #CBE6CE | 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 #C8DAD7 to #CBE6CE

#C8DAD7 #CBE6CE

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

#C8DAD7 - #CBE6CE | 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 #C8DAD7 as 0% and #CBE6CE as 100%.

0.0%	0.0% #C8DAD7	RGB 200 218 215	#C8DAD7
16.7%	16.7% #C8DCD5	RGB 200 220 213	#C8DCD5
33.3%	33.3% #C9DED4	RGB 201 222 212	#C9DED4
50.0%	50.0% #C9E0D2	RGB 201 224 210	#C9E0D2
66.7%	66.7% #CAE2D1	RGB 202 226 209	#CAE2D1
83.3%	83.3% #CAE4CF	RGB 202 228 207	#CAE4CF
100.0%	100.0% #CBE6CE	RGB 203 230 206	#CBE6CE

#C8DAD7 #C8DCD5 #C9DED4 #C9E0D2 #CAE2D1 #CAE4CF #CBE6CE

#C8DAD7 - #CBE6CE

HSV Blend

#C8DAD7 - #CBE6CE | 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 #C8DAD7 as 0% and #CBE6CE as 100%.

0.0%	0.0% #C8DAD7	RGB 200 218 215	#C8DAD7
16.7%	16.7% #C8DCD6	RGB 200 220 214	#C8DCD6
33.3%	33.3% #C9DED5	RGB 201 222 213	#C9DED5
50.0%	50.0% #C9E0D4	RGB 201 224 212	#C9E0D4
66.7%	66.7% #CAE2D2	RGB 202 226 210	#CAE2D2
83.3%	83.3% #CAE4D0	RGB 202 228 208	#CAE4D0
100.0%	100.0% #CBE6CE	RGB 203 230 206	#CBE6CE

#C8DAD7 #C8DCD6 #C9DED5 #C9E0D4 #CAE2D2 #CAE4D0 #CBE6CE

#C8DAD7 - #C9E0D4 - #CBE6CE

CSS codes

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

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