#00D0FF - #007FB1 | 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 #00D0FF to #007FB1

#00D0FF #007FB1

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

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

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #00C2F2	RGB 0 194 242	#00C2F2
33.3%	33.3% #00B5E5	RGB 0 181 229	#00B5E5
50.0%	50.0% #00A7D8	RGB 0 167 216	#00A7D8
66.7%	66.7% #009ACB	RGB 0 154 203	#009ACB
83.3%	83.3% #008CBE	RGB 0 140 190	#008CBE
100.0%	100.0% #007FB1	RGB 0 127 177	#007FB1

#00D0FF #00C2F2 #00B5E5 #00A7D8 #009ACB #008CBE #007FB1

#00D0FF - #007FB1

HSV Blend

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

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #00C1F2	RGB 0 193 242	#00C1F2
33.3%	33.3% #00B3E5	RGB 0 179 229	#00B3E5
50.0%	50.0% #00A5D8	RGB 0 165 216	#00A5D8
66.7%	66.7% #0098CB	RGB 0 152 203	#0098CB
83.3%	83.3% #008BBE	RGB 0 139 190	#008BBE
100.0%	100.0% #007FB1	RGB 0 127 177	#007FB1

#00D0FF #00C1F2 #00B3E5 #00A5D8 #0098CB #008BBE #007FB1

#00D0FF - #00A5D8 - #007FB1

CSS codes

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

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