#007085 - #8CCFC1 | 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 #007085 to #8CCFC1

#007085 #8CCFC1

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

#007085 - #8CCFC1 | 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 #007085 as 0% and #8CCFC1 as 100%.

0.0%	0.0% #007085	RGB 0 112 133	#007085
16.7%	16.7% #177F8F	RGB 23 127 143	#177F8F
33.3%	33.3% #2E8F99	RGB 46 143 153	#2E8F99
50.0%	50.0% #469FA3	RGB 70 159 163	#469FA3
66.7%	66.7% #5DAFAD	RGB 93 175 173	#5DAFAD
83.3%	83.3% #74BFB7	RGB 116 191 183	#74BFB7
100.0%	100.0% #8CCFC1	RGB 140 207 193	#8CCFC1

#007085 #177F8F #2E8F99 #469FA3 #5DAFAD #74BFB7 #8CCFC1

#007085 - #8CCFC1

HSV Blend

#007085 - #8CCFC1 | 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 #007085 as 0% and #8CCFC1 as 100%.

0.0%	0.0% #006F85	RGB 0 111 133	#006F85
16.7%	16.7% #108491	RGB 16 132 145	#108491
33.3%	33.3% #23999D	RGB 35 153 157	#23999D
50.0%	50.0% #39AAA7	RGB 57 170 167	#39AAA7
66.7%	66.7% #52B6AD	RGB 82 182 173	#52B6AD
83.3%	83.3% #6DC2B6	RGB 109 194 182	#6DC2B6
100.0%	100.0% #8CCFC1	RGB 140 207 193	#8CCFC1

#006F85 #108491 #23999D #39AAA7 #52B6AD #6DC2B6 #8CCFC1

#007085 - #39AAA7 - #8CCFC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006F85 0%, #39AAA7 50%, #8CCFC1 100%);
    background: -webkit-linear-gradient(top, #006F85 0%, #39AAA7 50%, #8CCFC1 100%);
    background: linear-gradient(to bottom, #006F85 0%, #39AAA7 50%, #8CCFC1 100%);
}
</style>