#073232 - #B8C4C4 | 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 #073232 to #B8C4C4

#073232 #B8C4C4

Calculate the color between two colors, #073232 and #B8C4C4. 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)

#073232 - #B8C4C4 | 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 #073232 as 0% and #B8C4C4 as 100%.

0.0%	0.0% #073232	RGB 7 50 50	#073232
16.7%	16.7% #244A4A	RGB 36 74 74	#244A4A
33.3%	33.3% #426262	RGB 66 98 98	#426262
50.0%	50.0% #5F7B7B	RGB 95 123 123	#5F7B7B
66.7%	66.7% #7D9393	RGB 125 147 147	#7D9393
83.3%	83.3% #9AABAB	RGB 154 171 171	#9AABAB
100.0%	100.0% #B8C4C4	RGB 184 196 196	#B8C4C4

#073232 #244A4A #426262 #5F7B7B #7D9393 #9AABAB #B8C4C4

#073232 - #B8C4C4

HSV Blend

#073232 - #B8C4C4 | 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 #073232 as 0% and #B8C4C4 as 100%.

0.0%	0.0% #073232	RGB 7 50 50	#073232
16.7%	16.7% #144A4A	RGB 20 74 74	#144A4A
33.3%	33.3% #286262	RGB 40 98 98	#286262
50.0%	50.0% #427B7B	RGB 66 123 123	#427B7B
66.7%	66.7% #639393	RGB 99 147 147	#639393
83.3%	83.3% #8AABAB	RGB 138 171 171	#8AABAB
100.0%	100.0% #B8C4C4	RGB 184 196 196	#B8C4C4

#073232 #144A4A #286262 #427B7B #639393 #8AABAB #B8C4C4

#073232 - #427B7B - #B8C4C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #073232 0%, #427B7B 50%, #B8C4C4 100%);
    background: -webkit-linear-gradient(top, #073232 0%, #427B7B 50%, #B8C4C4 100%);
    background: linear-gradient(to bottom, #073232 0%, #427B7B 50%, #B8C4C4 100%);
}
</style>