#CCDAD4 - #CCE8D1 | 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 #CCDAD4 to #CCE8D1

#CCDAD4 #CCE8D1

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

#CCDAD4 - #CCE8D1 | 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 #CCDAD4 as 0% and #CCE8D1 as 100%.

0.0%	0.0% #CCDAD4	RGB 204 218 212	#CCDAD4
16.7%	16.7% #CCDCD3	RGB 204 220 211	#CCDCD3
33.3%	33.3% #CCDED3	RGB 204 222 211	#CCDED3
50.0%	50.0% #CCE1D2	RGB 204 225 210	#CCE1D2
66.7%	66.7% #CCE3D2	RGB 204 227 210	#CCE3D2
83.3%	83.3% #CCE5D1	RGB 204 229 209	#CCE5D1
100.0%	100.0% #CCE8D1	RGB 204 232 209	#CCE8D1

#CCDAD4 #CCDCD3 #CCDED3 #CCE1D2 #CCE3D2 #CCE5D1 #CCE8D1

#CCDAD4 - #CCE8D1

HSV Blend

#CCDAD4 - #CCE8D1 | 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 #CCDAD4 as 0% and #CCE8D1 as 100%.

0.0%	0.0% #CCDAD4	RGB 204 218 212	#CCDAD4
16.7%	16.7% #CCDCD4	RGB 204 220 212	#CCDCD4
33.3%	33.3% #CCDED4	RGB 204 222 212	#CCDED4
50.0%	50.0% #CCE1D3	RGB 204 225 211	#CCE1D3
66.7%	66.7% #CCE3D3	RGB 204 227 211	#CCE3D3
83.3%	83.3% #CCE5D2	RGB 204 229 210	#CCE5D2
100.0%	100.0% #CCE8D1	RGB 204 232 209	#CCE8D1

#CCDAD4 #CCDCD4 #CCDED4 #CCE1D3 #CCE3D3 #CCE5D2 #CCE8D1

#CCDAD4 - #CCE1D3 - #CCE8D1

CSS codes

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

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