#0D8C8C - #B9DEDE | 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 #0D8C8C to #B9DEDE

#0D8C8C #B9DEDE

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

#0D8C8C - #B9DEDE | 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 #0D8C8C as 0% and #B9DEDE as 100%.

0.0%	0.0% #0D8C8C	RGB 13 140 140	#0D8C8C
16.7%	16.7% #299999	RGB 41 153 153	#299999
33.3%	33.3% #46A7A7	RGB 70 167 167	#46A7A7
50.0%	50.0% #63B5B5	RGB 99 181 181	#63B5B5
66.7%	66.7% #7FC2C2	RGB 127 194 194	#7FC2C2
83.3%	83.3% #9CD0D0	RGB 156 208 208	#9CD0D0
100.0%	100.0% #B9DEDE	RGB 185 222 222	#B9DEDE

#0D8C8C #299999 #46A7A7 #63B5B5 #7FC2C2 #9CD0D0 #B9DEDE

#0D8C8C - #B9DEDE

HSV Blend

#0D8C8C - #B9DEDE | 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 #0D8C8C as 0% and #B9DEDE as 100%.

0.0%	0.0% #0C8C8C	RGB 12 140 140	#0C8C8C
16.7%	16.7% #219999	RGB 33 153 153	#219999
33.3%	33.3% #38A7A7	RGB 56 167 167	#38A7A7
50.0%	50.0% #53B5B5	RGB 83 181 181	#53B5B5
66.7%	66.7% #72C2C2	RGB 114 194 194	#72C2C2
83.3%	83.3% #93D0D0	RGB 147 208 208	#93D0D0
100.0%	100.0% #B9DEDE	RGB 185 222 222	#B9DEDE

#0C8C8C #219999 #38A7A7 #53B5B5 #72C2C2 #93D0D0 #B9DEDE

#0D8C8C - #53B5B5 - #B9DEDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C8C8C 0%, #53B5B5 50%, #B9DEDE 100%);
    background: -webkit-linear-gradient(top, #0C8C8C 0%, #53B5B5 50%, #B9DEDE 100%);
    background: linear-gradient(to bottom, #0C8C8C 0%, #53B5B5 50%, #B9DEDE 100%);
}
</style>