#C2D0DF - #C8F3D6 | 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 #C2D0DF to #C8F3D6

#C2D0DF #C8F3D6

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

#C2D0DF - #C8F3D6 | 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 #C2D0DF as 0% and #C8F3D6 as 100%.

0.0%	0.0% #C2D0DF	RGB 194 208 223	#C2D0DF
16.7%	16.7% #C3D5DD	RGB 195 213 221	#C3D5DD
33.3%	33.3% #C4DBDC	RGB 196 219 220	#C4DBDC
50.0%	50.0% #C5E1DA	RGB 197 225 218	#C5E1DA
66.7%	66.7% #C6E7D9	RGB 198 231 217	#C6E7D9
83.3%	83.3% #C7EDD7	RGB 199 237 215	#C7EDD7
100.0%	100.0% #C8F3D6	RGB 200 243 214	#C8F3D6

#C2D0DF #C3D5DD #C4DBDC #C5E1DA #C6E7D9 #C7EDD7 #C8F3D6

#C2D0DF - #C8F3D6

HSV Blend

#C2D0DF - #C8F3D6 | 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 #C2D0DF as 0% and #C8F3D6 as 100%.

0.0%	0.0% #C2D0DF	RGB 194 208 223	#C2D0DF
16.7%	16.7% #C3D8E2	RGB 195 216 226	#C3D8E2
33.3%	33.3% #C4E1E5	RGB 196 225 229	#C4E1E5
50.0%	50.0% #C5E9E6	RGB 197 233 230	#C5E9E6
66.7%	66.7% #C6ECE1	RGB 198 236 225	#C6ECE1
83.3%	83.3% #C7EFDC	RGB 199 239 220	#C7EFDC
100.0%	100.0% #C8F3D6	RGB 200 243 214	#C8F3D6

#C2D0DF #C3D8E2 #C4E1E5 #C5E9E6 #C6ECE1 #C7EFDC #C8F3D6

#C2D0DF - #C5E9E6 - #C8F3D6

CSS codes

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

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