#005353 - #B6CDCD | 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 #005353 to #B6CDCD

#005353 #B6CDCD

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

#005353 - #B6CDCD | 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 #005353 as 0% and #B6CDCD as 100%.

0.0%	0.0% #005353	RGB 0 83 83	#005353
16.7%	16.7% #1E6767	RGB 30 103 103	#1E6767
33.3%	33.3% #3C7B7B	RGB 60 123 123	#3C7B7B
50.0%	50.0% #5B9090	RGB 91 144 144	#5B9090
66.7%	66.7% #79A4A4	RGB 121 164 164	#79A4A4
83.3%	83.3% #97B8B8	RGB 151 184 184	#97B8B8
100.0%	100.0% #B6CDCD	RGB 182 205 205	#B6CDCD

#005353 #1E6767 #3C7B7B #5B9090 #79A4A4 #97B8B8 #B6CDCD

#005353 - #B6CDCD

HSV Blend

#005353 - #B6CDCD | 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 #005353 as 0% and #B6CDCD as 100%.

0.0%	0.0% #005353	RGB 0 83 83	#005353
16.7%	16.7% #0F6767	RGB 15 103 103	#0F6767
33.3%	33.3% #247B7B	RGB 36 123 123	#247B7B
50.0%	50.0% #3F9090	RGB 63 144 144	#3F9090
66.7%	66.7% #61A4A4	RGB 97 164 164	#61A4A4
83.3%	83.3% #88B8B8	RGB 136 184 184	#88B8B8
100.0%	100.0% #B6CDCD	RGB 182 205 205	#B6CDCD

#005353 #0F6767 #247B7B #3F9090 #61A4A4 #88B8B8 #B6CDCD

#005353 - #3F9090 - #B6CDCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005353 0%, #3F9090 50%, #B6CDCD 100%);
    background: -webkit-linear-gradient(top, #005353 0%, #3F9090 50%, #B6CDCD 100%);
    background: linear-gradient(to bottom, #005353 0%, #3F9090 50%, #B6CDCD 100%);
}
</style>