#D5E3EE - #3C4044 | 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 #D5E3EE to #3C4044

#D5E3EE #3C4044

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

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

0.0%	0.0% #D5E3EE	RGB 213 227 238	#D5E3EE
16.7%	16.7% #BBC7D1	RGB 187 199 209	#BBC7D1
33.3%	33.3% #A2ACB5	RGB 162 172 181	#A2ACB5
50.0%	50.0% #889199	RGB 136 145 153	#889199
66.7%	66.7% #6F767C	RGB 111 118 124	#6F767C
83.3%	83.3% #555B60	RGB 85 91 96	#555B60
100.0%	100.0% #3C4044	RGB 60 64 68	#3C4044

#D5E3EE #BBC7D1 #A2ACB5 #889199 #6F767C #555B60 #3C4044

#D5E3EE - #3C4044

HSV Blend

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

0.0%	0.0% #D5E3EE	RGB 213 227 238	#D5E3EE
16.7%	16.7% #BBC7D1	RGB 187 199 209	#BBC7D1
33.3%	33.3% #A1ACB5	RGB 161 172 181	#A1ACB5
50.0%	50.0% #879099	RGB 135 144 153	#879099
66.7%	66.7% #6E757C	RGB 110 117 124	#6E757C
83.3%	83.3% #555A60	RGB 85 90 96	#555A60
100.0%	100.0% #3C4044	RGB 60 64 68	#3C4044

#D5E3EE #BBC7D1 #A1ACB5 #879099 #6E757C #555A60 #3C4044

#D5E3EE - #879099 - #3C4044

CSS codes

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

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