#006060 - #B6D1D1 | 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 #006060 to #B6D1D1

#006060 #B6D1D1

Calculate the color between two colors, #006060 and #B6D1D1. 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)

#006060 - #B6D1D1 | 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 #006060 as 0% and #B6D1D1 as 100%.

0.0%	0.0% #006060	RGB 0 96 96	#006060
16.7%	16.7% #1E7272	RGB 30 114 114	#1E7272
33.3%	33.3% #3C8585	RGB 60 133 133	#3C8585
50.0%	50.0% #5B9898	RGB 91 152 152	#5B9898
66.7%	66.7% #79ABAB	RGB 121 171 171	#79ABAB
83.3%	83.3% #97BEBE	RGB 151 190 190	#97BEBE
100.0%	100.0% #B6D1D1	RGB 182 209 209	#B6D1D1

#006060 #1E7272 #3C8585 #5B9898 #79ABAB #97BEBE #B6D1D1

#006060 - #B6D1D1

HSV Blend

#006060 - #B6D1D1 | 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 #006060 as 0% and #B6D1D1 as 100%.

0.0%	0.0% #006060	RGB 0 96 96	#006060
16.7%	16.7% #107272	RGB 16 114 114	#107272
33.3%	33.3% #268585	RGB 38 133 133	#268585
50.0%	50.0% #429898	RGB 66 152 152	#429898
66.7%	66.7% #63ABAB	RGB 99 171 171	#63ABAB
83.3%	83.3% #89BEBE	RGB 137 190 190	#89BEBE
100.0%	100.0% #B6D1D1	RGB 182 209 209	#B6D1D1

#006060 #107272 #268585 #429898 #63ABAB #89BEBE #B6D1D1

#006060 - #429898 - #B6D1D1

CSS codes

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

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