#1E3E4D - #BEC8CC | 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 #1E3E4D to #BEC8CC

#1E3E4D #BEC8CC

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

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

0.0%	0.0% #1E3E4D	RGB 30 62 77	#1E3E4D
16.7%	16.7% #385562	RGB 56 85 98	#385562
33.3%	33.3% #536C77	RGB 83 108 119	#536C77
50.0%	50.0% #6E838C	RGB 110 131 140	#6E838C
66.7%	66.7% #889AA1	RGB 136 154 161	#889AA1
83.3%	83.3% #A3B1B6	RGB 163 177 182	#A3B1B6
100.0%	100.0% #BEC8CC	RGB 190 200 204	#BEC8CC

#1E3E4D #385562 #536C77 #6E838C #889AA1 #A3B1B6 #BEC8CC

#1E3E4D - #BEC8CC

HSV Blend

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

0.0%	0.0% #1E3E4D	RGB 30 62 77	#1E3E4D
16.7%	16.7% #2F5262	RGB 47 82 98	#2F5262
33.3%	33.3% #446777	RGB 68 103 119	#446777
50.0%	50.0% #5C7E8C	RGB 92 126 140	#5C7E8C
66.7%	66.7% #7995A1	RGB 121 149 161	#7995A1
83.3%	83.3% #99AEB6	RGB 153 174 182	#99AEB6
100.0%	100.0% #BEC8CC	RGB 190 200 204	#BEC8CC

#1E3E4D #2F5262 #446777 #5C7E8C #7995A1 #99AEB6 #BEC8CC

#1E3E4D - #5C7E8C - #BEC8CC

CSS codes

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

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