#9DA09C - #DCE5B5 | 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 #9DA09C to #DCE5B5

#9DA09C #DCE5B5

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

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

0.0%	0.0% #9DA09C	RGB 157 160 156	#9DA09C
16.7%	16.7% #A7ABA0	RGB 167 171 160	#A7ABA0
33.3%	33.3% #B2B7A4	RGB 178 183 164	#B2B7A4
50.0%	50.0% #BCC2A8	RGB 188 194 168	#BCC2A8
66.7%	66.7% #C7CEAC	RGB 199 206 172	#C7CEAC
83.3%	83.3% #D1D9B0	RGB 209 217 176	#D1D9B0
100.0%	100.0% #DCE5B5	RGB 220 229 181	#DCE5B5

#9DA09C #A7ABA0 #B2B7A4 #BCC2A8 #C7CEAC #D1D9B0 #DCE5B5

#9DA09C - #DCE5B5

HSV Blend

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

0.0%	0.0% #9DA09C	RGB 157 160 156	#9DA09C
16.7%	16.7% #A5ABA1	RGB 165 171 161	#A5ABA1
33.3%	33.3% #AEB7A7	RGB 174 183 167	#AEB7A7
50.0%	50.0% #B7C2AB	RGB 183 194 171	#B7C2AB
66.7%	66.7% #C2CEAF	RGB 194 206 175	#C2CEAF
83.3%	83.3% #CED9B2	RGB 206 217 178	#CED9B2
100.0%	100.0% #DCE5B5	RGB 220 229 181	#DCE5B5

#9DA09C #A5ABA1 #AEB7A7 #B7C2AB #C2CEAF #CED9B2 #DCE5B5

#9DA09C - #B7C2AB - #DCE5B5

CSS codes

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

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