#9DABA1 - #CCD8AC | 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 #9DABA1 to #CCD8AC

#9DABA1 #CCD8AC

Calculate the color between two colors, #9DABA1 and #CCD8AC. 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)

#9DABA1 - #CCD8AC | 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 #9DABA1 as 0% and #CCD8AC as 100%.

0.0%	0.0% #9DABA1	RGB 157 171 161	#9DABA1
16.7%	16.7% #A4B2A2	RGB 164 178 162	#A4B2A2
33.3%	33.3% #ACBAA4	RGB 172 186 164	#ACBAA4
50.0%	50.0% #B4C1A6	RGB 180 193 166	#B4C1A6
66.7%	66.7% #BCC9A8	RGB 188 201 168	#BCC9A8
83.3%	83.3% #C4D0AA	RGB 196 208 170	#C4D0AA
100.0%	100.0% #CCD8AC	RGB 204 216 172	#CCD8AC

#9DABA1 #A4B2A2 #ACBAA4 #B4C1A6 #BCC9A8 #C4D0AA #CCD8AC

#9DABA1 - #CCD8AC

HSV Blend

#9DABA1 - #CCD8AC | 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 #9DABA1 as 0% and #CCD8AC as 100%.

0.0%	0.0% #9DABA1	RGB 157 171 161	#9DABA1
16.7%	16.7% #A0B2A2	RGB 160 178 162	#A0B2A2
33.3%	33.3% #A4BAA3	RGB 164 186 163	#A4BAA3
50.0%	50.0% #ABC1A5	RGB 171 193 165	#ABC1A5
66.7%	66.7% #B4C9A8	RGB 180 201 168	#B4C9A8
83.3%	83.3% #BFD0AA	RGB 191 208 170	#BFD0AA
100.0%	100.0% #CCD8AC	RGB 204 216 172	#CCD8AC

#9DABA1 #A0B2A2 #A4BAA3 #ABC1A5 #B4C9A8 #BFD0AA #CCD8AC

#9DABA1 - #ABC1A5 - #CCD8AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DABA1 0%, #ABC1A5 50%, #CCD8AC 100%);
    background: -webkit-linear-gradient(top, #9DABA1 0%, #ABC1A5 50%, #CCD8AC 100%);
    background: linear-gradient(to bottom, #9DABA1 0%, #ABC1A5 50%, #CCD8AC 100%);
}
</style>