#8DCCBA - #33968E | 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 #8DCCBA to #33968E

#8DCCBA #33968E

Calculate the color between two colors, #8DCCBA and #33968E. 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)

#8DCCBA - #33968E | 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 #8DCCBA as 0% and #33968E as 100%.

0.0%	0.0% #8DCCBA	RGB 141 204 186	#8DCCBA
16.7%	16.7% #7EC3B2	RGB 126 195 178	#7EC3B2
33.3%	33.3% #6FBAAB	RGB 111 186 171	#6FBAAB
50.0%	50.0% #60B1A4	RGB 96 177 164	#60B1A4
66.7%	66.7% #51A89C	RGB 81 168 156	#51A89C
83.3%	83.3% #429F95	RGB 66 159 149	#429F95
100.0%	100.0% #33968E	RGB 51 150 142	#33968E

#8DCCBA #7EC3B2 #6FBAAB #60B1A4 #51A89C #429F95 #33968E

#8DCCBA - #33968E

HSV Blend

#8DCCBA - #33968E | 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 #8DCCBA as 0% and #33968E as 100%.

0.0%	0.0% #8DCCBA	RGB 141 204 186	#8DCCBA
16.7%	16.7% #7BC3B0	RGB 123 195 176	#7BC3B0
33.3%	33.3% #6ABAA8	RGB 106 186 168	#6ABAA8
50.0%	50.0% #5BB1A1	RGB 91 177 161	#5BB1A1
66.7%	66.7% #4CA89A	RGB 76 168 154	#4CA89A
83.3%	83.3% #3F9F94	RGB 63 159 148	#3F9F94
100.0%	100.0% #33968E	RGB 51 150 142	#33968E

#8DCCBA #7BC3B0 #6ABAA8 #5BB1A1 #4CA89A #3F9F94 #33968E

#8DCCBA - #5BB1A1 - #33968E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DCCBA 0%, #5BB1A1 50%, #33968E 100%);
    background: -webkit-linear-gradient(top, #8DCCBA 0%, #5BB1A1 50%, #33968E 100%);
    background: linear-gradient(to bottom, #8DCCBA 0%, #5BB1A1 50%, #33968E 100%);
}
</style>