#185B5E - #BDD0D1 | 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 #185B5E to #BDD0D1

#185B5E #BDD0D1

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

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

0.0%	0.0% #185B5E	RGB 24 91 94	#185B5E
16.7%	16.7% #336E71	RGB 51 110 113	#336E71
33.3%	33.3% #4F8284	RGB 79 130 132	#4F8284
50.0%	50.0% #6A9597	RGB 106 149 151	#6A9597
66.7%	66.7% #86A9AA	RGB 134 169 170	#86A9AA
83.3%	83.3% #A1BCBD	RGB 161 188 189	#A1BCBD
100.0%	100.0% #BDD0D1	RGB 189 208 209	#BDD0D1

#185B5E #336E71 #4F8284 #6A9597 #86A9AA #A1BCBD #BDD0D1

#185B5E - #BDD0D1

HSV Blend

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

0.0%	0.0% #185B5E	RGB 24 91 94	#185B5E
16.7%	16.7% #296D71	RGB 41 109 113	#296D71
33.3%	33.3% #3E8184	RGB 62 129 132	#3E8184
50.0%	50.0% #579497	RGB 87 148 151	#579497
66.7%	66.7% #75A8AA	RGB 117 168 170	#75A8AA
83.3%	83.3% #97BBBD	RGB 151 187 189	#97BBBD
100.0%	100.0% #BDD0D1	RGB 189 208 209	#BDD0D1

#185B5E #296D71 #3E8184 #579497 #75A8AA #97BBBD #BDD0D1

#185B5E - #579497 - #BDD0D1

CSS codes

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

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