#165B5E - #BCD0D1 | 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 #165B5E to #BCD0D1

#165B5E #BCD0D1

Calculate the color between two colors, #165B5E and #BCD0D1. 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)

#165B5E - #BCD0D1 | 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 #165B5E as 0% and #BCD0D1 as 100%.

0.0%	0.0% #165B5E	RGB 22 91 94	#165B5E
16.7%	16.7% #316E71	RGB 49 110 113	#316E71
33.3%	33.3% #4D8284	RGB 77 130 132	#4D8284
50.0%	50.0% #699597	RGB 105 149 151	#699597
66.7%	66.7% #84A9AA	RGB 132 169 170	#84A9AA
83.3%	83.3% #A0BCBD	RGB 160 188 189	#A0BCBD
100.0%	100.0% #BCD0D1	RGB 188 208 209	#BCD0D1

#165B5E #316E71 #4D8284 #699597 #84A9AA #A0BCBD #BCD0D1

#165B5E - #BCD0D1

HSV Blend

#165B5E - #BCD0D1 | 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 #165B5E as 0% and #BCD0D1 as 100%.

0.0%	0.0% #155B5E	RGB 21 91 94	#155B5E
16.7%	16.7% #276E71	RGB 39 110 113	#276E71
33.3%	33.3% #3C8184	RGB 60 129 132	#3C8184
50.0%	50.0% #559497	RGB 85 148 151	#559497
66.7%	66.7% #73A8AA	RGB 115 168 170	#73A8AA
83.3%	83.3% #95BBBD	RGB 149 187 189	#95BBBD
100.0%	100.0% #BCD0D1	RGB 188 208 209	#BCD0D1

#155B5E #276E71 #3C8184 #559497 #73A8AA #95BBBD #BCD0D1

#165B5E - #559497 - #BCD0D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #155B5E 0%, #559497 50%, #BCD0D1 100%);
    background: -webkit-linear-gradient(top, #155B5E 0%, #559497 50%, #BCD0D1 100%);
    background: linear-gradient(to bottom, #155B5E 0%, #559497 50%, #BCD0D1 100%);
}
</style>