#70CECE - #0BA09E | 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 #70CECE to #0BA09E

#70CECE #0BA09E

Calculate the color between two colors, #70CECE and #0BA09E. 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)

#70CECE - #0BA09E | 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 #70CECE as 0% and #0BA09E as 100%.

0.0%	0.0% #70CECE	RGB 112 206 206	#70CECE
16.7%	16.7% #5FC6C6	RGB 95 198 198	#5FC6C6
33.3%	33.3% #4EBEBE	RGB 78 190 190	#4EBEBE
50.0%	50.0% #3DB7B6	RGB 61 183 182	#3DB7B6
66.7%	66.7% #2CAFAE	RGB 44 175 174	#2CAFAE
83.3%	83.3% #1BA7A6	RGB 27 167 166	#1BA7A6
100.0%	100.0% #0BA09E	RGB 11 160 158	#0BA09E

#70CECE #5FC6C6 #4EBEBE #3DB7B6 #2CAFAE #1BA7A6 #0BA09E

#70CECE - #0BA09E

HSV Blend

#70CECE - #0BA09E | 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 #70CECE as 0% and #0BA09E as 100%.

0.0%	0.0% #70CECE	RGB 112 206 206	#70CECE
16.7%	16.7% #5CC6C6	RGB 92 198 198	#5CC6C6
33.3%	33.3% #49BEBE	RGB 73 190 190	#49BEBE
50.0%	50.0% #38B7B6	RGB 56 183 182	#38B7B6
66.7%	66.7% #27AFAE	RGB 39 175 174	#27AFAE
83.3%	83.3% #18A7A6	RGB 24 167 166	#18A7A6
100.0%	100.0% #0BA09E	RGB 11 160 158	#0BA09E

#70CECE #5CC6C6 #49BEBE #38B7B6 #27AFAE #18A7A6 #0BA09E

#70CECE - #38B7B6 - #0BA09E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70CECE 0%, #38B7B6 50%, #0BA09E 100%);
    background: -webkit-linear-gradient(top, #70CECE 0%, #38B7B6 50%, #0BA09E 100%);
    background: linear-gradient(to bottom, #70CECE 0%, #38B7B6 50%, #0BA09E 100%);
}
</style>