#0069B6 - #67C7E7 | 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 #0069B6 to #67C7E7

#0069B6 #67C7E7

Calculate the color between two colors, #0069B6 and #67C7E7. 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)

#0069B6 - #67C7E7 | 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 #0069B6 as 0% and #67C7E7 as 100%.

0.0%	0.0% #0069B6	RGB 0 105 182	#0069B6
16.7%	16.7% #1178BE	RGB 17 120 190	#1178BE
33.3%	33.3% #2288C6	RGB 34 136 198	#2288C6
50.0%	50.0% #3398CE	RGB 51 152 206	#3398CE
66.7%	66.7% #44A7D6	RGB 68 167 214	#44A7D6
83.3%	83.3% #55B7DE	RGB 85 183 222	#55B7DE
100.0%	100.0% #67C7E7	RGB 103 199 231	#67C7E7

#0069B6 #1178BE #2288C6 #3398CE #44A7D6 #55B7DE #67C7E7

#0069B6 - #67C7E7

HSV Blend

#0069B6 - #67C7E7 | 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 #0069B6 as 0% and #67C7E7 as 100%.

0.0%	0.0% #0068B6	RGB 0 104 182	#0068B6
16.7%	16.7% #0E78BE	RGB 14 120 190	#0E78BE
33.3%	33.3% #1D88C6	RGB 29 136 198	#1D88C6
50.0%	50.0% #2E98CE	RGB 46 152 206	#2E98CE
66.7%	66.7% #3FA8D6	RGB 63 168 214	#3FA8D6
83.3%	83.3% #52B7DE	RGB 82 183 222	#52B7DE
100.0%	100.0% #67C7E7	RGB 103 199 231	#67C7E7

#0068B6 #0E78BE #1D88C6 #2E98CE #3FA8D6 #52B7DE #67C7E7

#0069B6 - #2E98CE - #67C7E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0068B6 0%, #2E98CE 50%, #67C7E7 100%);
    background: -webkit-linear-gradient(top, #0068B6 0%, #2E98CE 50%, #67C7E7 100%);
    background: linear-gradient(to bottom, #0068B6 0%, #2E98CE 50%, #67C7E7 100%);
}
</style>