#8DAEC2 - #DFD8CC | 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 #8DAEC2 to #DFD8CC

#8DAEC2 #DFD8CC

Calculate the color between two colors, #8DAEC2 and #DFD8CC. 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)

#8DAEC2 - #DFD8CC | 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 #8DAEC2 as 0% and #DFD8CC as 100%.

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #9AB5C3	RGB 154 181 195	#9AB5C3
33.3%	33.3% #A8BCC5	RGB 168 188 197	#A8BCC5
50.0%	50.0% #B6C3C7	RGB 182 195 199	#B6C3C7
66.7%	66.7% #C3CAC8	RGB 195 202 200	#C3CAC8
83.3%	83.3% #D1D1CA	RGB 209 209 202	#D1D1CA
100.0%	100.0% #DFD8CC	RGB 223 216 204	#DFD8CC

#8DAEC2 #9AB5C3 #A8BCC5 #B6C3C7 #C3CAC8 #D1D1CA #DFD8CC

#8DAEC2 - #DFD8CC

HSV Blend

#8DAEC2 - #DFD8CC | 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 #8DAEC2 as 0% and #DFD8CC as 100%.

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #96C6C2	RGB 150 198 194	#96C6C2
33.3%	33.3% #A0CBB4	RGB 160 203 180	#A0CBB4
50.0%	50.0% #ABD0AB	RGB 171 208 171	#ABD0AB
66.7%	66.7% #C4D5B5	RGB 196 213 181	#C4D5B5
83.3%	83.3% #D7DAC0	RGB 215 218 192	#D7DAC0
100.0%	100.0% #DFD8CC	RGB 223 216 204	#DFD8CC

#8DAEC2 #96C6C2 #A0CBB4 #ABD0AB #C4D5B5 #D7DAC0 #DFD8CC

#8DAEC2 - #ABD0AB - #DFD8CC

CSS codes

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

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