#C8CBCC - #D2FFEE | 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 #C8CBCC to #D2FFEE

#C8CBCC #D2FFEE

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

#C8CBCC - #D2FFEE | 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 #C8CBCC as 0% and #D2FFEE as 100%.

0.0%	0.0% #C8CBCC	RGB 200 203 204	#C8CBCC
16.7%	16.7% #C9D3D1	RGB 201 211 209	#C9D3D1
33.3%	33.3% #CBDCD7	RGB 203 220 215	#CBDCD7
50.0%	50.0% #CDE5DD	RGB 205 229 221	#CDE5DD
66.7%	66.7% #CEEDE2	RGB 206 237 226	#CEEDE2
83.3%	83.3% #D0F6E8	RGB 208 246 232	#D0F6E8
100.0%	100.0% #D2FFEE	RGB 210 255 238	#D2FFEE

#C8CBCC #C9D3D1 #CBDCD7 #CDE5DD #CEEDE2 #D0F6E8 #D2FFEE

#C8CBCC - #D2FFEE

HSV Blend

#C8CBCC - #D2FFEE | 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 #C8CBCC as 0% and #D2FFEE as 100%.

0.0%	0.0% #C8CBCC	RGB 200 203 204	#C8CBCC
16.7%	16.7% #CAD3D4	RGB 202 211 212	#CAD3D4
33.3%	33.3% #CDDCDD	RGB 205 220 221	#CDDCDD
50.0%	50.0% #CFE5E4	RGB 207 229 228	#CFE5E4
66.7%	66.7% #D0EEE9	RGB 208 238 233	#D0EEE9
83.3%	83.3% #D1F6EC	RGB 209 246 236	#D1F6EC
100.0%	100.0% #D2FFEE	RGB 210 255 238	#D2FFEE

#C8CBCC #CAD3D4 #CDDCDD #CFE5E4 #D0EEE9 #D1F6EC #D2FFEE

#C8CBCC - #CFE5E4 - #D2FFEE

CSS codes

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

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