#CFD2D4 - #D4EDE5 | 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 #CFD2D4 to #D4EDE5

#CFD2D4 #D4EDE5

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

#CFD2D4 - #D4EDE5 | 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 #CFD2D4 as 0% and #D4EDE5 as 100%.

0.0%	0.0% #CFD2D4	RGB 207 210 212	#CFD2D4
16.7%	16.7% #CFD6D6	RGB 207 214 214	#CFD6D6
33.3%	33.3% #D0DBD9	RGB 208 219 217	#D0DBD9
50.0%	50.0% #D1DFDC	RGB 209 223 220	#D1DFDC
66.7%	66.7% #D2E4DF	RGB 210 228 223	#D2E4DF
83.3%	83.3% #D3E8E2	RGB 211 232 226	#D3E8E2
100.0%	100.0% #D4EDE5	RGB 212 237 229	#D4EDE5

#CFD2D4 #CFD6D6 #D0DBD9 #D1DFDC #D2E4DF #D3E8E2 #D4EDE5

#CFD2D4 - #D4EDE5

HSV Blend

#CFD2D4 - #D4EDE5 | 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 #CFD2D4 as 0% and #D4EDE5 as 100%.

0.0%	0.0% #CFD2D4	RGB 207 210 212	#CFD2D4
16.7%	16.7% #D0D5D8	RGB 208 213 216	#D0D5D8
33.3%	33.3% #D1DADC	RGB 209 218 220	#D1DADC
50.0%	50.0% #D2DFE0	RGB 210 223 224	#D2DFE0
66.7%	66.7% #D2E4E3	RGB 210 228 227	#D2E4E3
83.3%	83.3% #D3E8E4	RGB 211 232 228	#D3E8E4
100.0%	100.0% #D4EDE5	RGB 212 237 229	#D4EDE5

#CFD2D4 #D0D5D8 #D1DADC #D2DFE0 #D2E4E3 #D3E8E4 #D4EDE5

#CFD2D4 - #D2DFE0 - #D4EDE5

CSS codes

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

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