#CCB6C9 - #D3E2D6 | 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 #CCB6C9 to #D3E2D6

#CCB6C9 #D3E2D6

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

#CCB6C9 - #D3E2D6 | 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 #CCB6C9 as 0% and #D3E2D6 as 100%.

0.0%	0.0% #CCB6C9	RGB 204 182 201	#CCB6C9
16.7%	16.7% #CDBDCB	RGB 205 189 203	#CDBDCB
33.3%	33.3% #CEC4CD	RGB 206 196 205	#CEC4CD
50.0%	50.0% #CFCCCF	RGB 207 204 207	#CFCCCF
66.7%	66.7% #D0D3D1	RGB 208 211 209	#D0D3D1
83.3%	83.3% #D1DAD3	RGB 209 218 211	#D1DAD3
100.0%	100.0% #D3E2D6	RGB 211 226 214	#D3E2D6

#CCB6C9 #CDBDCB #CEC4CD #CFCCCF #D0D3D1 #D1DAD3 #D3E2D6

#CCB6C9 - #D3E2D6

HSV Blend

#CCB6C9 - #D3E2D6 | 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 #CCB6C9 as 0% and #D3E2D6 as 100%.

0.0%	0.0% #CCB6C9	RGB 204 182 201	#CCB6C9
16.7%	16.7% #C8BACF	RGB 200 186 207	#C8BACF
33.3%	33.3% #C2BFD3	RGB 194 191 211	#C2BFD3
50.0%	50.0% #C4CAD7	RGB 196 202 215	#C4CAD7
66.7%	66.7% #C9D7DA	RGB 201 215 218	#C9D7DA
83.3%	83.3% #CEDED9	RGB 206 222 217	#CEDED9
100.0%	100.0% #D3E2D6	RGB 211 226 214	#D3E2D6

#CCB6C9 #C8BACF #C2BFD3 #C4CAD7 #C9D7DA #CEDED9 #D3E2D6

#CCB6C9 - #C4CAD7 - #D3E2D6

CSS codes

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

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