#00A8B5 - #0E5C68 | 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 #00A8B5 to #0E5C68

#00A8B5 #0E5C68

Calculate the color between two colors, #00A8B5 and #0E5C68. 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)

#00A8B5 - #0E5C68 | 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 #00A8B5 as 0% and #0E5C68 as 100%.

0.0%	0.0% #00A8B5	RGB 0 168 181	#00A8B5
16.7%	16.7% #029BA8	RGB 2 155 168	#029BA8
33.3%	33.3% #048E9B	RGB 4 142 155	#048E9B
50.0%	50.0% #07828E	RGB 7 130 142	#07828E
66.7%	66.7% #097581	RGB 9 117 129	#097581
83.3%	83.3% #0B6874	RGB 11 104 116	#0B6874
100.0%	100.0% #0E5C68	RGB 14 92 104	#0E5C68

#00A8B5 #029BA8 #048E9B #07828E #097581 #0B6874 #0E5C68

#00A8B5 - #0E5C68

HSV Blend

#00A8B5 - #0E5C68 | 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 #00A8B5 as 0% and #0E5C68 as 100%.

0.0%	0.0% #00A8B5	RGB 0 168 181	#00A8B5
16.7%	16.7% #039AA8	RGB 3 154 168	#039AA8
33.3%	33.3% #068D9B	RGB 6 141 155	#068D9B
50.0%	50.0% #09808E	RGB 9 128 142	#09808E
66.7%	66.7% #0B7481	RGB 11 116 129	#0B7481
83.3%	83.3% #0D6874	RGB 13 104 116	#0D6874
100.0%	100.0% #0E5C68	RGB 14 92 104	#0E5C68

#00A8B5 #039AA8 #068D9B #09808E #0B7481 #0D6874 #0E5C68

#00A8B5 - #09808E - #0E5C68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A8B5 0%, #09808E 50%, #0E5C68 100%);
    background: -webkit-linear-gradient(top, #00A8B5 0%, #09808E 50%, #0E5C68 100%);
    background: linear-gradient(to bottom, #00A8B5 0%, #09808E 50%, #0E5C68 100%);
}
</style>