#8CAD8C - #AFFFEC | 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 #8CAD8C to #AFFFEC

#8CAD8C #AFFFEC

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

#8CAD8C - #AFFFEC | 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 #8CAD8C as 0% and #AFFFEC as 100%.

0.0%	0.0% #8CAD8C	RGB 140 173 140	#8CAD8C
16.7%	16.7% #91BA9C	RGB 145 186 156	#91BA9C
33.3%	33.3% #97C8AC	RGB 151 200 172	#97C8AC
50.0%	50.0% #9DD6BC	RGB 157 214 188	#9DD6BC
66.7%	66.7% #A3E3CC	RGB 163 227 204	#A3E3CC
83.3%	83.3% #A9F1DC	RGB 169 241 220	#A9F1DC
100.0%	100.0% #AFFFEC	RGB 175 255 236	#AFFFEC

#8CAD8C #91BA9C #97C8AC #9DD6BC #A3E3CC #A9F1DC #AFFFEC

#8CAD8C - #AFFFEC

HSV Blend

#8CAD8C - #AFFFEC | 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 #8CAD8C as 0% and #AFFFEC as 100%.

0.0%	0.0% #8CAD8C	RGB 140 173 140	#8CAD8C
16.7%	16.7% #93BA98	RGB 147 186 152	#93BA98
33.3%	33.3% #99C8A5	RGB 153 200 165	#99C8A5
50.0%	50.0% #A0D6B4	RGB 160 214 180	#A0D6B4
66.7%	66.7% #A5E3C5	RGB 165 227 197	#A5E3C5
83.3%	83.3% #AAF1D7	RGB 170 241 215	#AAF1D7
100.0%	100.0% #AFFFEC	RGB 175 255 236	#AFFFEC

#8CAD8C #93BA98 #99C8A5 #A0D6B4 #A5E3C5 #AAF1D7 #AFFFEC

#8CAD8C - #A0D6B4 - #AFFFEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CAD8C 0%, #A0D6B4 50%, #AFFFEC 100%);
    background: -webkit-linear-gradient(top, #8CAD8C 0%, #A0D6B4 50%, #AFFFEC 100%);
    background: linear-gradient(to bottom, #8CAD8C 0%, #A0D6B4 50%, #AFFFEC 100%);
}
</style>