#073E52 - #B8C7CD | 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 #073E52 to #B8C7CD

#073E52 #B8C7CD

Calculate the color between two colors, #073E52 and #B8C7CD. 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)

#073E52 - #B8C7CD | 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 #073E52 as 0% and #B8C7CD as 100%.

0.0%	0.0% #073E52	RGB 7 62 82	#073E52
16.7%	16.7% #245466	RGB 36 84 102	#245466
33.3%	33.3% #426B7B	RGB 66 107 123	#426B7B
50.0%	50.0% #5F828F	RGB 95 130 143	#5F828F
66.7%	66.7% #7D99A4	RGB 125 153 164	#7D99A4
83.3%	83.3% #9AB0B8	RGB 154 176 184	#9AB0B8
100.0%	100.0% #B8C7CD	RGB 184 199 205	#B8C7CD

#073E52 #245466 #426B7B #5F828F #7D99A4 #9AB0B8 #B8C7CD

#073E52 - #B8C7CD

HSV Blend

#073E52 - #B8C7CD | 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 #073E52 as 0% and #B8C7CD as 100%.

0.0%	0.0% #063E52	RGB 6 62 82	#063E52
16.7%	16.7% #165066	RGB 22 80 102	#165066
33.3%	33.3% #2B657B	RGB 43 101 123	#2B657B
50.0%	50.0% #467B8F	RGB 70 123 143	#467B8F
66.7%	66.7% #6692A4	RGB 102 146 164	#6692A4
83.3%	83.3% #8CACB8	RGB 140 172 184	#8CACB8
100.0%	100.0% #B8C7CD	RGB 184 199 205	#B8C7CD

#063E52 #165066 #2B657B #467B8F #6692A4 #8CACB8 #B8C7CD

#073E52 - #467B8F - #B8C7CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #063E52 0%, #467B8F 50%, #B8C7CD 100%);
    background: -webkit-linear-gradient(top, #063E52 0%, #467B8F 50%, #B8C7CD 100%);
    background: linear-gradient(to bottom, #063E52 0%, #467B8F 50%, #B8C7CD 100%);
}
</style>