#1C4A54 - #BECCCE | 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 #1C4A54 to #BECCCE

#1C4A54 #BECCCE

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

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

0.0%	0.0% #1C4A54	RGB 28 74 84	#1C4A54
16.7%	16.7% #375F68	RGB 55 95 104	#375F68
33.3%	33.3% #52757C	RGB 82 117 124	#52757C
50.0%	50.0% #6D8B91	RGB 109 139 145	#6D8B91
66.7%	66.7% #88A0A5	RGB 136 160 165	#88A0A5
83.3%	83.3% #A3B6B9	RGB 163 182 185	#A3B6B9
100.0%	100.0% #BECCCE	RGB 190 204 206	#BECCCE

#1C4A54 #375F68 #52757C #6D8B91 #88A0A5 #A3B6B9 #BECCCE

#1C4A54 - #BECCCE

HSV Blend

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

0.0%	0.0% #1C4A54	RGB 28 74 84	#1C4A54
16.7%	16.7% #2D5E68	RGB 45 94 104	#2D5E68
33.3%	33.3% #42737C	RGB 66 115 124	#42737C
50.0%	50.0% #5B8891	RGB 91 136 145	#5B8891
66.7%	66.7% #789EA5	RGB 120 158 165	#789EA5
83.3%	83.3% #99B5B9	RGB 153 181 185	#99B5B9
100.0%	100.0% #BECCCE	RGB 190 204 206	#BECCCE

#1C4A54 #2D5E68 #42737C #5B8891 #789EA5 #99B5B9 #BECCCE

#1C4A54 - #5B8891 - #BECCCE

CSS codes

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

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