#35C8C0 - #009B8C | 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 #35C8C0 to #009B8C

#35C8C0 #009B8C

Calculate the color between two colors, #35C8C0 and #009B8C. 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)

#35C8C0 - #009B8C | 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 #35C8C0 as 0% and #009B8C as 100%.

0.0%	0.0% #35C8C0	RGB 53 200 192	#35C8C0
16.7%	16.7% #2CC0B7	RGB 44 192 183	#2CC0B7
33.3%	33.3% #23B9AE	RGB 35 185 174	#23B9AE
50.0%	50.0% #1AB1A6	RGB 26 177 166	#1AB1A6
66.7%	66.7% #11AA9D	RGB 17 170 157	#11AA9D
83.3%	83.3% #08A294	RGB 8 162 148	#08A294
100.0%	100.0% #009B8C	RGB 0 155 140	#009B8C

#35C8C0 #2CC0B7 #23B9AE #1AB1A6 #11AA9D #08A294 #009B8C

#35C8C0 - #009B8C

HSV Blend

#35C8C0 - #009B8C | 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 #35C8C0 as 0% and #009B8C as 100%.

0.0%	0.0% #35C8C0	RGB 53 200 192	#35C8C0
16.7%	16.7% #2AC0B7	RGB 42 192 183	#2AC0B7
33.3%	33.3% #20B9AE	RGB 32 185 174	#20B9AE
50.0%	50.0% #17B1A5	RGB 23 177 165	#17B1A5
66.7%	66.7% #0FAA9D	RGB 15 170 157	#0FAA9D
83.3%	83.3% #07A294	RGB 7 162 148	#07A294
100.0%	100.0% #009B8C	RGB 0 155 140	#009B8C

#35C8C0 #2AC0B7 #20B9AE #17B1A5 #0FAA9D #07A294 #009B8C

#35C8C0 - #17B1A5 - #009B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35C8C0 0%, #17B1A5 50%, #009B8C 100%);
    background: -webkit-linear-gradient(top, #35C8C0 0%, #17B1A5 50%, #009B8C 100%);
    background: linear-gradient(to bottom, #35C8C0 0%, #17B1A5 50%, #009B8C 100%);
}
</style>