#DCE4ED - #889EB8 | 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 #DCE4ED to #889EB8

#DCE4ED #889EB8

Calculate the color between two colors, #DCE4ED and #889EB8. 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)

#DCE4ED - #889EB8 | 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 #DCE4ED as 0% and #889EB8 as 100%.

0.0%	0.0% #DCE4ED	RGB 220 228 237	#DCE4ED
16.7%	16.7% #CED8E4	RGB 206 216 228	#CED8E4
33.3%	33.3% #C0CCDB	RGB 192 204 219	#C0CCDB
50.0%	50.0% #B2C1D2	RGB 178 193 210	#B2C1D2
66.7%	66.7% #A4B5C9	RGB 164 181 201	#A4B5C9
83.3%	83.3% #96A9C0	RGB 150 169 192	#96A9C0
100.0%	100.0% #889EB8	RGB 136 158 184	#889EB8

#DCE4ED #CED8E4 #C0CCDB #B2C1D2 #A4B5C9 #96A9C0 #889EB8

#DCE4ED - #889EB8

HSV Blend

#DCE4ED - #889EB8 | 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 #DCE4ED as 0% and #889EB8 as 100%.

0.0%	0.0% #DCE4ED	RGB 220 228 237	#DCE4ED
16.7%	16.7% #CCD7E4	RGB 204 215 228	#CCD7E4
33.3%	33.3% #BDCBDB	RGB 189 203 219	#BDCBDB
50.0%	50.0% #AFBFD2	RGB 175 191 210	#AFBFD2
66.7%	66.7% #A1B4C9	RGB 161 180 201	#A1B4C9
83.3%	83.3% #94A8C0	RGB 148 168 192	#94A8C0
100.0%	100.0% #889EB8	RGB 136 158 184	#889EB8

#DCE4ED #CCD7E4 #BDCBDB #AFBFD2 #A1B4C9 #94A8C0 #889EB8

#DCE4ED - #AFBFD2 - #889EB8

CSS codes

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

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