#9EB6AE - #CCDBB0 | 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 #9EB6AE to #CCDBB0

#9EB6AE #CCDBB0

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

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

0.0%	0.0% #9EB6AE	RGB 158 182 174	#9EB6AE
16.7%	16.7% #A5BCAE	RGB 165 188 174	#A5BCAE
33.3%	33.3% #ADC2AE	RGB 173 194 174	#ADC2AE
50.0%	50.0% #B5C8AF	RGB 181 200 175	#B5C8AF
66.7%	66.7% #BCCEAF	RGB 188 206 175	#BCCEAF
83.3%	83.3% #C4D4AF	RGB 196 212 175	#C4D4AF
100.0%	100.0% #CCDBB0	RGB 204 219 176	#CCDBB0

#9EB6AE #A5BCAE #ADC2AE #B5C8AF #BCCEAF #C4D4AF #CCDBB0

#9EB6AE - #CCDBB0

HSV Blend

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

0.0%	0.0% #9EB6AE	RGB 158 182 174	#9EB6AE
16.7%	16.7% #A1BCAD	RGB 161 188 173	#A1BCAD
33.3%	33.3% #A4C2AB	RGB 164 194 171	#A4C2AB
50.0%	50.0% #A7C8A7	RGB 167 200 167	#A7C8A7
66.7%	66.7% #B2CEAA	RGB 178 206 170	#B2CEAA
83.3%	83.3% #BED4AD	RGB 190 212 173	#BED4AD
100.0%	100.0% #CCDBB0	RGB 204 219 176	#CCDBB0

#9EB6AE #A1BCAD #A4C2AB #A7C8A7 #B2CEAA #BED4AD #CCDBB0

#9EB6AE - #A7C8A7 - #CCDBB0

CSS codes

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

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