#8CECDA - #3BCABE | 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 #8CECDA to #3BCABE

#8CECDA #3BCABE

Calculate the color between two colors, #8CECDA and #3BCABE. 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)

#8CECDA - #3BCABE | 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 #8CECDA as 0% and #3BCABE as 100%.

0.0%	0.0% #8CECDA	RGB 140 236 218	#8CECDA
16.7%	16.7% #7EE6D5	RGB 126 230 213	#7EE6D5
33.3%	33.3% #71E0D0	RGB 113 224 208	#71E0D0
50.0%	50.0% #63DBCC	RGB 99 219 204	#63DBCC
66.7%	66.7% #56D5C7	RGB 86 213 199	#56D5C7
83.3%	83.3% #48CFC2	RGB 72 207 194	#48CFC2
100.0%	100.0% #3BCABE	RGB 59 202 190	#3BCABE

#8CECDA #7EE6D5 #71E0D0 #63DBCC #56D5C7 #48CFC2 #3BCABE

#8CECDA - #3BCABE

HSV Blend

#8CECDA - #3BCABE | 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 #8CECDA as 0% and #3BCABE as 100%.

0.0%	0.0% #8CECDA	RGB 140 236 218	#8CECDA
16.7%	16.7% #7DE6D4	RGB 125 230 212	#7DE6D4
33.3%	33.3% #6EE0CF	RGB 110 224 207	#6EE0CF
50.0%	50.0% #60DBCA	RGB 96 219 202	#60DBCA
66.7%	66.7% #53D5C5	RGB 83 213 197	#53D5C5
83.3%	83.3% #47CFC1	RGB 71 207 193	#47CFC1
100.0%	100.0% #3BCABE	RGB 59 202 190	#3BCABE

#8CECDA #7DE6D4 #6EE0CF #60DBCA #53D5C5 #47CFC1 #3BCABE

#8CECDA - #60DBCA - #3BCABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CECDA 0%, #60DBCA 50%, #3BCABE 100%);
    background: -webkit-linear-gradient(top, #8CECDA 0%, #60DBCA 50%, #3BCABE 100%);
    background: linear-gradient(to bottom, #8CECDA 0%, #60DBCA 50%, #3BCABE 100%);
}
</style>