#CEDFD5 - #D0EAD4 | 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 #CEDFD5 to #D0EAD4

#CEDFD5 #D0EAD4

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

#CEDFD5 - #D0EAD4 | 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 #CEDFD5 as 0% and #D0EAD4 as 100%.

0.0%	0.0% #CEDFD5	RGB 206 223 213	#CEDFD5
16.7%	16.7% #CEE0D4	RGB 206 224 212	#CEE0D4
33.3%	33.3% #CEE2D4	RGB 206 226 212	#CEE2D4
50.0%	50.0% #CFE4D4	RGB 207 228 212	#CFE4D4
66.7%	66.7% #CFE6D4	RGB 207 230 212	#CFE6D4
83.3%	83.3% #CFE8D4	RGB 207 232 212	#CFE8D4
100.0%	100.0% #D0EAD4	RGB 208 234 212	#D0EAD4

#CEDFD5 #CEE0D4 #CEE2D4 #CFE4D4 #CFE6D4 #CFE8D4 #D0EAD4

#CEDFD5 - #D0EAD4

HSV Blend

#CEDFD5 - #D0EAD4 | 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 #CEDFD5 as 0% and #D0EAD4 as 100%.

0.0%	0.0% #CEDFD5	RGB 206 223 213	#CEDFD5
16.7%	16.7% #CEE0D5	RGB 206 224 213	#CEE0D5
33.3%	33.3% #CEE2D5	RGB 206 226 213	#CEE2D5
50.0%	50.0% #CFE4D5	RGB 207 228 213	#CFE4D5
66.7%	66.7% #CFE6D4	RGB 207 230 212	#CFE6D4
83.3%	83.3% #CFE8D4	RGB 207 232 212	#CFE8D4
100.0%	100.0% #D0EAD4	RGB 208 234 212	#D0EAD4

#CEDFD5 #CEE0D5 #CEE2D5 #CFE4D5 #CFE6D4 #CFE8D4 #D0EAD4

#CEDFD5 - #CFE4D5 - #D0EAD4

CSS codes

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

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