#9BBCA1 - #DCD1B2 | 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 #9BBCA1 to #DCD1B2

#9BBCA1 #DCD1B2

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

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

0.0%	0.0% #9BBCA1	RGB 155 188 161	#9BBCA1
16.7%	16.7% #A5BFA3	RGB 165 191 163	#A5BFA3
33.3%	33.3% #B0C3A6	RGB 176 195 166	#B0C3A6
50.0%	50.0% #BBC6A9	RGB 187 198 169	#BBC6A9
66.7%	66.7% #C6CAAC	RGB 198 202 172	#C6CAAC
83.3%	83.3% #D1CDAF	RGB 209 205 175	#D1CDAF
100.0%	100.0% #DCD1B2	RGB 220 209 178	#DCD1B2

#9BBCA1 #A5BFA3 #B0C3A6 #BBC6A9 #C6CAAC #D1CDAF #DCD1B2

#9BBCA1 - #DCD1B2

HSV Blend

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

0.0%	0.0% #9BBCA1	RGB 155 188 161	#9BBCA1
16.7%	16.7% #A0C19E	RGB 160 193 158	#A0C19E
33.3%	33.3% #ADC6A2	RGB 173 198 162	#ADC6A2
50.0%	50.0% #BACCA6	RGB 186 204 166	#BACCA6
66.7%	66.7% #C8D1AA	RGB 200 209 170	#C8D1AA
83.3%	83.3% #D6D5AE	RGB 214 213 174	#D6D5AE
100.0%	100.0% #DCD1B2	RGB 220 209 178	#DCD1B2

#9BBCA1 #A0C19E #ADC6A2 #BACCA6 #C8D1AA #D6D5AE #DCD1B2

#9BBCA1 - #BACCA6 - #DCD1B2

CSS codes

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

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