#006C7D - #8DCEBD | 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 #006C7D to #8DCEBD

#006C7D #8DCEBD

Calculate the color between two colors, #006C7D and #8DCEBD. 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)

#006C7D - #8DCEBD | 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 #006C7D as 0% and #8DCEBD as 100%.

0.0%	0.0% #006C7D	RGB 0 108 125	#006C7D
16.7%	16.7% #177C87	RGB 23 124 135	#177C87
33.3%	33.3% #2F8C92	RGB 47 140 146	#2F8C92
50.0%	50.0% #469D9D	RGB 70 157 157	#469D9D
66.7%	66.7% #5EADA7	RGB 94 173 167	#5EADA7
83.3%	83.3% #75BDB2	RGB 117 189 178	#75BDB2
100.0%	100.0% #8DCEBD	RGB 141 206 189	#8DCEBD

#006C7D #177C87 #2F8C92 #469D9D #5EADA7 #75BDB2 #8DCEBD

#006C7D - #8DCEBD

HSV Blend

#006C7D - #8DCEBD | 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 #006C7D as 0% and #8DCEBD as 100%.

0.0%	0.0% #006B7D	RGB 0 107 125	#006B7D
16.7%	16.7% #0F818A	RGB 15 129 138	#0F818A
33.3%	33.3% #229798	RGB 34 151 152	#229798
50.0%	50.0% #38A59E	RGB 56 165 158	#38A59E
66.7%	66.7% #51B3A6	RGB 81 179 166	#51B3A6
83.3%	83.3% #6DC0B0	RGB 109 192 176	#6DC0B0
100.0%	100.0% #8DCEBD	RGB 141 206 189	#8DCEBD

#006B7D #0F818A #229798 #38A59E #51B3A6 #6DC0B0 #8DCEBD

#006C7D - #38A59E - #8DCEBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006B7D 0%, #38A59E 50%, #8DCEBD 100%);
    background: -webkit-linear-gradient(top, #006B7D 0%, #38A59E 50%, #8DCEBD 100%);
    background: linear-gradient(to bottom, #006B7D 0%, #38A59E 50%, #8DCEBD 100%);
}
</style>