#0C5E5D - #B9D0D1 | 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 #0C5E5D to #B9D0D1

#0C5E5D #B9D0D1

Calculate the color between two colors, #0C5E5D and #B9D0D1. 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)

#0C5E5D - #B9D0D1 | 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 #0C5E5D as 0% and #B9D0D1 as 100%.

0.0%	0.0% #0C5E5D	RGB 12 94 93	#0C5E5D
16.7%	16.7% #287170	RGB 40 113 112	#287170
33.3%	33.3% #458483	RGB 69 132 131	#458483
50.0%	50.0% #629797	RGB 98 151 151	#629797
66.7%	66.7% #7FAAAA	RGB 127 170 170	#7FAAAA
83.3%	83.3% #9CBDBD	RGB 156 189 189	#9CBDBD
100.0%	100.0% #B9D0D1	RGB 185 208 209	#B9D0D1

#0C5E5D #287170 #458483 #629797 #7FAAAA #9CBDBD #B9D0D1

#0C5E5D - #B9D0D1

HSV Blend

#0C5E5D - #B9D0D1 | 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 #0C5E5D as 0% and #B9D0D1 as 100%.

0.0%	0.0% #0B5E5D	RGB 11 94 93	#0B5E5D
16.7%	16.7% #1C7170	RGB 28 113 112	#1C7170
33.3%	33.3% #328384	RGB 50 131 132	#328384
50.0%	50.0% #4C9697	RGB 76 150 151	#4C9697
66.7%	66.7% #6BA9AA	RGB 107 169 170	#6BA9AA
83.3%	83.3% #90BCBD	RGB 144 188 189	#90BCBD
100.0%	100.0% #B9D0D1	RGB 185 208 209	#B9D0D1

#0B5E5D #1C7170 #328384 #4C9697 #6BA9AA #90BCBD #B9D0D1

#0C5E5D - #4C9697 - #B9D0D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B5E5D 0%, #4C9697 50%, #B9D0D1 100%);
    background: -webkit-linear-gradient(top, #0B5E5D 0%, #4C9697 50%, #B9D0D1 100%);
    background: linear-gradient(to bottom, #0B5E5D 0%, #4C9697 50%, #B9D0D1 100%);
}
</style>