#DBE5ED - #3E4043 | 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 #DBE5ED to #3E4043

#DBE5ED #3E4043

Calculate the color between two colors, #DBE5ED and #3E4043. 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)

#DBE5ED - #3E4043 | 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 #DBE5ED as 0% and #3E4043 as 100%.

0.0%	0.0% #DBE5ED	RGB 219 229 237	#DBE5ED
16.7%	16.7% #C0C9D0	RGB 192 201 208	#C0C9D0
33.3%	33.3% #A6AEB4	RGB 166 174 180	#A6AEB4
50.0%	50.0% #8C9298	RGB 140 146 152	#8C9298
66.7%	66.7% #72777B	RGB 114 119 123	#72777B
83.3%	83.3% #585B5F	RGB 88 91 95	#585B5F
100.0%	100.0% #3E4043	RGB 62 64 67	#3E4043

#DBE5ED #C0C9D0 #A6AEB4 #8C9298 #72777B #585B5F #3E4043

#DBE5ED - #3E4043

HSV Blend

#DBE5ED - #3E4043 | 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 #DBE5ED as 0% and #3E4043 as 100%.

0.0%	0.0% #DBE5ED	RGB 219 229 237	#DBE5ED
16.7%	16.7% #C0C9D0	RGB 192 201 208	#C0C9D0
33.3%	33.3% #A6ADB4	RGB 166 173 180	#A6ADB4
50.0%	50.0% #8C9298	RGB 140 146 152	#8C9298
66.7%	66.7% #72767B	RGB 114 118 123	#72767B
83.3%	83.3% #585B5F	RGB 88 91 95	#585B5F
100.0%	100.0% #3E4043	RGB 62 64 67	#3E4043

#DBE5ED #C0C9D0 #A6ADB4 #8C9298 #72767B #585B5F #3E4043

#DBE5ED - #8C9298 - #3E4043

CSS codes

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

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