#DCE8BF - #DFF2FF | 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 #DCE8BF to #DFF2FF

#DCE8BF #DFF2FF

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

#DCE8BF - #DFF2FF | 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 #DCE8BF as 0% and #DFF2FF as 100%.

0.0%	0.0% #DCE8BF	RGB 220 232 191	#DCE8BF
16.7%	16.7% #DCE9C9	RGB 220 233 201	#DCE9C9
33.3%	33.3% #DDEBD4	RGB 221 235 212	#DDEBD4
50.0%	50.0% #DDEDDF	RGB 221 237 223	#DDEDDF
66.7%	66.7% #DEEEE9	RGB 222 238 233	#DEEEE9
83.3%	83.3% #DEF0F4	RGB 222 240 244	#DEF0F4
100.0%	100.0% #DFF2FF	RGB 223 242 255	#DFF2FF

#DCE8BF #DCE9C9 #DDEBD4 #DDEDDF #DEEEE9 #DEF0F4 #DFF2FF

#DCE8BF - #DFF2FF

HSV Blend

#DCE8BF - #DFF2FF | 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 #DCE8BF as 0% and #DFF2FF as 100%.

0.0%	0.0% #DCE8BF	RGB 220 232 191	#DCE8BF
16.7%	16.7% #D2EBC4	RGB 210 235 196	#D2EBC4
33.3%	33.3% #C9EFC9	RGB 201 239 201	#C9EFC9
50.0%	50.0% #CEF3DB	RGB 206 243 219	#CEF3DB
66.7%	66.7% #D4F7EC	RGB 212 247 236	#D4F7EC
83.3%	83.3% #D9F9FB	RGB 217 249 251	#D9F9FB
100.0%	100.0% #DFF2FF	RGB 223 242 255	#DFF2FF

#DCE8BF #D2EBC4 #C9EFC9 #CEF3DB #D4F7EC #D9F9FB #DFF2FF

#DCE8BF - #CEF3DB - #DFF2FF

CSS codes

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

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