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

#185C5E #BDD0D1

Calculate the color between two colors, #185C5E 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)

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

0.0%	0.0% #185C5E	RGB 24 92 94	#185C5E
16.7%	16.7% #336F71	RGB 51 111 113	#336F71
33.3%	33.3% #4F8284	RGB 79 130 132	#4F8284
50.0%	50.0% #6A9697	RGB 106 150 151	#6A9697
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

#185C5E #336F71 #4F8284 #6A9697 #86A9AA #A1BCBD #BDD0D1

#185C5E - #BDD0D1

HSV Blend

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

0.0%	0.0% #185B5E	RGB 24 91 94	#185B5E
16.7%	16.7% #296E71	RGB 41 110 113	#296E71
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% #97BCBD	RGB 151 188 189	#97BCBD
100.0%	100.0% #BDD0D1	RGB 189 208 209	#BDD0D1

#185B5E #296E71 #3E8184 #579497 #75A8AA #97BCBD #BDD0D1

#185C5E - #579497 - #BDD0D1

CSS codes

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