#00C8D5 - #007F9C | 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 #00C8D5 to #007F9C

#00C8D5 #007F9C

Calculate the color between two colors, #00C8D5 and #007F9C. 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)

#00C8D5 - #007F9C | 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 #00C8D5 as 0% and #007F9C as 100%.

0.0%	0.0% #00C8D5	RGB 0 200 213	#00C8D5
16.7%	16.7% #00BBCB	RGB 0 187 203	#00BBCB
33.3%	33.3% #00AFC2	RGB 0 175 194	#00AFC2
50.0%	50.0% #00A3B8	RGB 0 163 184	#00A3B8
66.7%	66.7% #0097AF	RGB 0 151 175	#0097AF
83.3%	83.3% #008BA5	RGB 0 139 165	#008BA5
100.0%	100.0% #007F9C	RGB 0 127 156	#007F9C

#00C8D5 #00BBCB #00AFC2 #00A3B8 #0097AF #008BA5 #007F9C

#00C8D5 - #007F9C

HSV Blend

#00C8D5 - #007F9C | 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 #00C8D5 as 0% and #007F9C as 100%.

0.0%	0.0% #00C8D5	RGB 0 200 213	#00C8D5
16.7%	16.7% #00BACB	RGB 0 186 203	#00BACB
33.3%	33.3% #00AEC2	RGB 0 174 194	#00AEC2
50.0%	50.0% #00A1B8	RGB 0 161 184	#00A1B8
66.7%	66.7% #0095AF	RGB 0 149 175	#0095AF
83.3%	83.3% #008AA5	RGB 0 138 165	#008AA5
100.0%	100.0% #007F9C	RGB 0 127 156	#007F9C

#00C8D5 #00BACB #00AEC2 #00A1B8 #0095AF #008AA5 #007F9C

#00C8D5 - #00A1B8 - #007F9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C8D5 0%, #00A1B8 50%, #007F9C 100%);
    background: -webkit-linear-gradient(top, #00C8D5 0%, #00A1B8 50%, #007F9C 100%);
    background: linear-gradient(to bottom, #00C8D5 0%, #00A1B8 50%, #007F9C 100%);
}
</style>