#CDD4D0 - #DFFFF4 | 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 #CDD4D0 to #DFFFF4

#CDD4D0 #DFFFF4

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

#CDD4D0 - #DFFFF4 | 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 #CDD4D0 as 0% and #DFFFF4 as 100%.

0.0%	0.0% #CDD4D0	RGB 205 212 208	#CDD4D0
16.7%	16.7% #D0DBD6	RGB 208 219 214	#D0DBD6
33.3%	33.3% #D3E2DC	RGB 211 226 220	#D3E2DC
50.0%	50.0% #D6E9E2	RGB 214 233 226	#D6E9E2
66.7%	66.7% #D9F0E8	RGB 217 240 232	#D9F0E8
83.3%	83.3% #DCF7EE	RGB 220 247 238	#DCF7EE
100.0%	100.0% #DFFFF4	RGB 223 255 244	#DFFFF4

#CDD4D0 #D0DBD6 #D3E2DC #D6E9E2 #D9F0E8 #DCF7EE #DFFFF4

#CDD4D0 - #DFFFF4

HSV Blend

#CDD4D0 - #DFFFF4 | 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 #CDD4D0 as 0% and #DFFFF4 as 100%.

0.0%	0.0% #CDD4D0	RGB 205 212 208	#CDD4D0
16.7%	16.7% #D0DBD5	RGB 208 219 213	#D0DBD5
33.3%	33.3% #D3E2DB	RGB 211 226 219	#D3E2DB
50.0%	50.0% #D6E9E1	RGB 214 233 225	#D6E9E1
66.7%	66.7% #D9F0E7	RGB 217 240 231	#D9F0E7
83.3%	83.3% #DCF7ED	RGB 220 247 237	#DCF7ED
100.0%	100.0% #DFFFF4	RGB 223 255 244	#DFFFF4

#CDD4D0 #D0DBD5 #D3E2DB #D6E9E1 #D9F0E7 #DCF7ED #DFFFF4

#CDD4D0 - #D6E9E1 - #DFFFF4

CSS codes

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

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