#C8CDD3 - #E2DFD8 | 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 #C8CDD3 to #E2DFD8

#C8CDD3 #E2DFD8

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

#C8CDD3 - #E2DFD8 | 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 #C8CDD3 as 0% and #E2DFD8 as 100%.

0.0%	0.0% #C8CDD3	RGB 200 205 211	#C8CDD3
16.7%	16.7% #CCD0D3	RGB 204 208 211	#CCD0D3
33.3%	33.3% #D0D3D4	RGB 208 211 212	#D0D3D4
50.0%	50.0% #D5D6D5	RGB 213 214 213	#D5D6D5
66.7%	66.7% #D9D9D6	RGB 217 217 214	#D9D9D6
83.3%	83.3% #DDDCD7	RGB 221 220 215	#DDDCD7
100.0%	100.0% #E2DFD8	RGB 226 223 216	#E2DFD8

#C8CDD3 #CCD0D3 #D0D3D4 #D5D6D5 #D9D9D6 #DDDCD7 #E2DFD8

#C8CDD3 - #E2DFD8

HSV Blend

#C8CDD3 - #E2DFD8 | 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 #C8CDD3 as 0% and #E2DFD8 as 100%.

0.0%	0.0% #C8CDD3	RGB 200 205 211	#C8CDD3
16.7%	16.7% #CAD4D5	RGB 202 212 213	#CAD4D5
33.3%	33.3% #CDD8D3	RGB 205 216 211	#CDD8D3
50.0%	50.0% #CFDAD1	RGB 207 218 209	#CFDAD1
66.7%	66.7% #D6DDD2	RGB 214 221 210	#D6DDD2
83.3%	83.3% #DDDFD5	RGB 221 223 213	#DDDFD5
100.0%	100.0% #E2DFD8	RGB 226 223 216	#E2DFD8

#C8CDD3 #CAD4D5 #CDD8D3 #CFDAD1 #D6DDD2 #DDDFD5 #E2DFD8

#C8CDD3 - #CFDAD1 - #E2DFD8

CSS codes

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

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