#00C7DB - #007EA4 | 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 #00C7DB to #007EA4

#00C7DB #007EA4

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

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

0.0%	0.0% #00C7DB	RGB 0 199 219	#00C7DB
16.7%	16.7% #00BAD1	RGB 0 186 209	#00BAD1
33.3%	33.3% #00AEC8	RGB 0 174 200	#00AEC8
50.0%	50.0% #00A2BF	RGB 0 162 191	#00A2BF
66.7%	66.7% #0096B6	RGB 0 150 182	#0096B6
83.3%	83.3% #008AAD	RGB 0 138 173	#008AAD
100.0%	100.0% #007EA4	RGB 0 126 164	#007EA4

#00C7DB #00BAD1 #00AEC8 #00A2BF #0096B6 #008AAD #007EA4

#00C7DB - #007EA4

HSV Blend

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

0.0%	0.0% #00C7DB	RGB 0 199 219	#00C7DB
16.7%	16.7% #00B9D1	RGB 0 185 209	#00B9D1
33.3%	33.3% #00ACC8	RGB 0 172 200	#00ACC8
50.0%	50.0% #00A0BF	RGB 0 160 191	#00A0BF
66.7%	66.7% #0094B6	RGB 0 148 182	#0094B6
83.3%	83.3% #0089AD	RGB 0 137 173	#0089AD
100.0%	100.0% #007EA4	RGB 0 126 164	#007EA4

#00C7DB #00B9D1 #00ACC8 #00A0BF #0094B6 #0089AD #007EA4

#00C7DB - #00A0BF - #007EA4

CSS codes

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

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