#C4D0CB - #D5E3C7 | 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 #C4D0CB to #D5E3C7

#C4D0CB #D5E3C7

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

#C4D0CB - #D5E3C7 | 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 #C4D0CB as 0% and #D5E3C7 as 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #C6D3CA	RGB 198 211 202	#C6D3CA
33.3%	33.3% #C9D6C9	RGB 201 214 201	#C9D6C9
50.0%	50.0% #CCD9C9	RGB 204 217 201	#CCD9C9
66.7%	66.7% #CFDCC8	RGB 207 220 200	#CFDCC8
83.3%	83.3% #D2DFC7	RGB 210 223 199	#D2DFC7
100.0%	100.0% #D5E3C7	RGB 213 227 199	#D5E3C7

#C4D0CB #C6D3CA #C9D6C9 #CCD9C9 #CFDCC8 #D2DFC7 #D5E3C7

#C4D0CB - #D5E3C7

HSV Blend

#C4D0CB - #D5E3C7 | 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 #C4D0CB as 0% and #D5E3C7 as 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #C4D3CA	RGB 196 211 202	#C4D3CA
33.3%	33.3% #C5D6C9	RGB 197 214 201	#C5D6C9
50.0%	50.0% #C5D9C6	RGB 197 217 198	#C5D9C6
66.7%	66.7% #C9DCC6	RGB 201 220 198	#C9DCC6
83.3%	83.3% #CEDFC6	RGB 206 223 198	#CEDFC6
100.0%	100.0% #D5E3C7	RGB 213 227 199	#D5E3C7

#C4D0CB #C4D3CA #C5D6C9 #C5D9C6 #C9DCC6 #CEDFC6 #D5E3C7

#C4D0CB - #C5D9C6 - #D5E3C7

CSS codes

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

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