#9C9C9E - #DECBAB | 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 #9C9C9E to #DECBAB

#9C9C9E #DECBAB

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

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

0.0%	0.0% #9C9C9E	RGB 156 156 158	#9C9C9E
16.7%	16.7% #A7A3A0	RGB 167 163 160	#A7A3A0
33.3%	33.3% #B2ABA2	RGB 178 171 162	#B2ABA2
50.0%	50.0% #BDB3A4	RGB 189 179 164	#BDB3A4
66.7%	66.7% #C8BBA6	RGB 200 187 166	#C8BBA6
83.3%	83.3% #D3C3A8	RGB 211 195 168	#D3C3A8
100.0%	100.0% #DECBAB	RGB 222 203 171	#DECBAB

#9C9C9E #A7A3A0 #B2ABA2 #BDB3A4 #C8BBA6 #D3C3A8 #DECBAB

#9C9C9E - #DECBAB

HSV Blend

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

0.0%	0.0% #9C9C9E	RGB 156 156 158	#9C9C9E
16.7%	16.7% #A4A0A8	RGB 164 160 168	#A4A0A8
33.3%	33.3% #B1A4B3	RGB 177 164 179	#B1A4B3
50.0%	50.0% #BEA6B6	RGB 190 166 182	#BEA6B6
66.7%	66.7% #C8A9B0	RGB 200 169 176	#C8A9B0
83.3%	83.3% #D3B2AA	RGB 211 178 170	#D3B2AA
100.0%	100.0% #DECBAB	RGB 222 203 171	#DECBAB

#9C9C9E #A4A0A8 #B1A4B3 #BEA6B6 #C8A9B0 #D3B2AA #DECBAB

#9C9C9E - #BEA6B6 - #DECBAB

CSS codes

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

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