#1E2D3B - #BEC3C7 | 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 #1E2D3B to #BEC3C7

#1E2D3B #BEC3C7

Calculate the color between two colors, #1E2D3B and #BEC3C7. 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)

#1E2D3B - #BEC3C7 | 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 #1E2D3B as 0% and #BEC3C7 as 100%.

0.0%	0.0% #1E2D3B	RGB 30 45 59	#1E2D3B
16.7%	16.7% #384652	RGB 56 70 82	#384652
33.3%	33.3% #535F69	RGB 83 95 105	#535F69
50.0%	50.0% #6E7881	RGB 110 120 129	#6E7881
66.7%	66.7% #889198	RGB 136 145 152	#889198
83.3%	83.3% #A3AAAF	RGB 163 170 175	#A3AAAF
100.0%	100.0% #BEC3C7	RGB 190 195 199	#BEC3C7

#1E2D3B #384652 #535F69 #6E7881 #889198 #A3AAAF #BEC3C7

#1E2D3B - #BEC3C7

HSV Blend

#1E2D3B - #BEC3C7 | 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 #1E2D3B as 0% and #BEC3C7 as 100%.

0.0%	0.0% #1E2D3B	RGB 30 45 59	#1E2D3B
16.7%	16.7% #2F4152	RGB 47 65 82	#2F4152
33.3%	33.3% #455869	RGB 69 88 105	#455869
50.0%	50.0% #5E7081	RGB 94 112 129	#5E7081
66.7%	66.7% #7A8A98	RGB 122 138 152	#7A8A98
83.3%	83.3% #9AA6AF	RGB 154 166 175	#9AA6AF
100.0%	100.0% #BEC3C7	RGB 190 195 199	#BEC3C7

#1E2D3B #2F4152 #455869 #5E7081 #7A8A98 #9AA6AF #BEC3C7

#1E2D3B - #5E7081 - #BEC3C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2D3B 0%, #5E7081 50%, #BEC3C7 100%);
    background: -webkit-linear-gradient(top, #1E2D3B 0%, #5E7081 50%, #BEC3C7 100%);
    background: linear-gradient(to bottom, #1E2D3B 0%, #5E7081 50%, #BEC3C7 100%);
}
</style>