#C2DBD5 - #EEE5E4 | 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 #C2DBD5 to #EEE5E4

#C2DBD5 #EEE5E4

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

#C2DBD5 - #EEE5E4 | 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 #C2DBD5 as 0% and #EEE5E4 as 100%.

0.0%	0.0% #C2DBD5	RGB 194 219 213	#C2DBD5
16.7%	16.7% #C9DCD7	RGB 201 220 215	#C9DCD7
33.3%	33.3% #D0DEDA	RGB 208 222 218	#D0DEDA
50.0%	50.0% #D8E0DC	RGB 216 224 220	#D8E0DC
66.7%	66.7% #DFE1DF	RGB 223 225 223	#DFE1DF
83.3%	83.3% #E6E3E1	RGB 230 227 225	#E6E3E1
100.0%	100.0% #EEE5E4	RGB 238 229 228	#EEE5E4

#C2DBD5 #C9DCD7 #D0DEDA #D8E0DC #DFE1DF #E6E3E1 #EEE5E4

#C2DBD5 - #EEE5E4

HSV Blend

#C2DBD5 - #EEE5E4 | 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 #C2DBD5 as 0% and #EEE5E4 as 100%.

0.0%	0.0% #C2DBD5	RGB 194 219 213	#C2DBD5
16.7%	16.7% #C7DECE	RGB 199 222 206	#C7DECE
33.3%	33.3% #CFE1CD	RGB 207 225 205	#CFE1CD
50.0%	50.0% #DCE4D2	RGB 220 228 210	#DCE4D2
66.7%	66.7% #E7E7D8	RGB 231 231 216	#E7E7D8
83.3%	83.3% #EAE5DE	RGB 234 229 222	#EAE5DE
100.0%	100.0% #EEE5E4	RGB 238 229 228	#EEE5E4

#C2DBD5 #C7DECE #CFE1CD #DCE4D2 #E7E7D8 #EAE5DE #EEE5E4

#C2DBD5 - #DCE4D2 - #EEE5E4

CSS codes

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

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