#727D8C - #CDBAA6 | 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 #727D8C to #CDBAA6

#727D8C #CDBAA6

Calculate the color between two colors, #727D8C and #CDBAA6. 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)

#727D8C - #CDBAA6 | 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 #727D8C as 0% and #CDBAA6 as 100%.

0.0%	0.0% #727D8C	RGB 114 125 140	#727D8C
16.7%	16.7% #818790	RGB 129 135 144	#818790
33.3%	33.3% #909194	RGB 144 145 148	#909194
50.0%	50.0% #9F9B99	RGB 159 155 153	#9F9B99
66.7%	66.7% #AEA59D	RGB 174 165 157	#AEA59D
83.3%	83.3% #BDAFA1	RGB 189 175 161	#BDAFA1
100.0%	100.0% #CDBAA6	RGB 205 186 166	#CDBAA6

#727D8C #818790 #909194 #9F9B99 #AEA59D #BDAFA1 #CDBAA6

#727D8C - #CDBAA6

HSV Blend

#727D8C - #CDBAA6 | 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 #727D8C as 0% and #CDBAA6 as 100%.

0.0%	0.0% #727D8C	RGB 114 125 140	#727D8C
16.7%	16.7% #7C7A96	RGB 124 122 150	#7C7A96
33.3%	33.3% #9483A1	RGB 148 131 161	#9483A1
50.0%	50.0% #AC8CAB	RGB 172 140 171	#AC8CAB
66.7%	66.7% #B794A4	RGB 183 148 164	#B794A4
83.3%	83.3% #C29E9D	RGB 194 158 157	#C29E9D
100.0%	100.0% #CDBAA6	RGB 205 186 166	#CDBAA6

#727D8C #7C7A96 #9483A1 #AC8CAB #B794A4 #C29E9D #CDBAA6

#727D8C - #AC8CAB - #CDBAA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #727D8C 0%, #AC8CAB 50%, #CDBAA6 100%);
    background: -webkit-linear-gradient(top, #727D8C 0%, #AC8CAB 50%, #CDBAA6 100%);
    background: linear-gradient(to bottom, #727D8C 0%, #AC8CAB 50%, #CDBAA6 100%);
}
</style>