#C4D3C9 - #D0E7CB | 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 #C4D3C9 to #D0E7CB

#C4D3C9 #D0E7CB

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

#C4D3C9 - #D0E7CB | 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 #C4D3C9 as 0% and #D0E7CB as 100%.

0.0%	0.0% #C4D3C9	RGB 196 211 201	#C4D3C9
16.7%	16.7% #C6D6C9	RGB 198 214 201	#C6D6C9
33.3%	33.3% #C8D9C9	RGB 200 217 201	#C8D9C9
50.0%	50.0% #CADDCA	RGB 202 221 202	#CADDCA
66.7%	66.7% #CCE0CA	RGB 204 224 202	#CCE0CA
83.3%	83.3% #CEE3CA	RGB 206 227 202	#CEE3CA
100.0%	100.0% #D0E7CB	RGB 208 231 203	#D0E7CB

#C4D3C9 #C6D6C9 #C8D9C9 #CADDCA #CCE0CA #CEE3CA #D0E7CB

#C4D3C9 - #D0E7CB

HSV Blend

#C4D3C9 - #D0E7CB | 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 #C4D3C9 as 0% and #D0E7CB as 100%.

0.0%	0.0% #C4D3C9	RGB 196 211 201	#C4D3C9
16.7%	16.7% #C5D6C9	RGB 197 214 201	#C5D6C9
33.3%	33.3% #C6D9C9	RGB 198 217 201	#C6D9C9
50.0%	50.0% #C7DDC9	RGB 199 221 201	#C7DDC9
66.7%	66.7% #C9E0C8	RGB 201 224 200	#C9E0C8
83.3%	83.3% #CCE3C9	RGB 204 227 201	#CCE3C9
100.0%	100.0% #D0E7CB	RGB 208 231 203	#D0E7CB

#C4D3C9 #C5D6C9 #C6D9C9 #C7DDC9 #C9E0C8 #CCE3C9 #D0E7CB

#C4D3C9 - #C7DDC9 - #D0E7CB

CSS codes

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

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