#CFD4D2 - #D4EDD9 | 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 #CFD4D2 to #D4EDD9

#CFD4D2 #D4EDD9

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

#CFD4D2 - #D4EDD9 | 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 #CFD4D2 as 0% and #D4EDD9 as 100%.

0.0%	0.0% #CFD4D2	RGB 207 212 210	#CFD4D2
16.7%	16.7% #CFD8D3	RGB 207 216 211	#CFD8D3
33.3%	33.3% #D0DCD4	RGB 208 220 212	#D0DCD4
50.0%	50.0% #D1E0D5	RGB 209 224 213	#D1E0D5
66.7%	66.7% #D2E4D6	RGB 210 228 214	#D2E4D6
83.3%	83.3% #D3E8D7	RGB 211 232 215	#D3E8D7
100.0%	100.0% #D4EDD9	RGB 212 237 217	#D4EDD9

#CFD4D2 #CFD8D3 #D0DCD4 #D1E0D5 #D2E4D6 #D3E8D7 #D4EDD9

#CFD4D2 - #D4EDD9

HSV Blend

#CFD4D2 - #D4EDD9 | 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 #CFD4D2 as 0% and #D4EDD9 as 100%.

0.0%	0.0% #CFD4D2	RGB 207 212 210	#CFD4D2
16.7%	16.7% #D0D8D4	RGB 208 216 212	#D0D8D4
33.3%	33.3% #D1DCD6	RGB 209 220 214	#D1DCD6
50.0%	50.0% #D2E0D7	RGB 210 224 215	#D2E0D7
66.7%	66.7% #D2E4D8	RGB 210 228 216	#D2E4D8
83.3%	83.3% #D3E8D9	RGB 211 232 217	#D3E8D9
100.0%	100.0% #D4EDD9	RGB 212 237 217	#D4EDD9

#CFD4D2 #D0D8D4 #D1DCD6 #D2E0D7 #D2E4D8 #D3E8D9 #D4EDD9

#CFD4D2 - #D2E0D7 - #D4EDD9

CSS codes

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

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