#737D8D - #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 #737D8D to #CDBAA6

#737D8D #CDBAA6

Calculate the color between two colors, #737D8D 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)

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

0.0%	0.0% #737D8D	RGB 115 125 141	#737D8D
16.7%	16.7% #828791	RGB 130 135 145	#828791
33.3%	33.3% #919195	RGB 145 145 149	#919195
50.0%	50.0% #A09B99	RGB 160 155 153	#A09B99
66.7%	66.7% #AFA59D	RGB 175 165 157	#AFA59D
83.3%	83.3% #BEAFA1	RGB 190 175 161	#BEAFA1
100.0%	100.0% #CDBAA6	RGB 205 186 166	#CDBAA6

#737D8D #828791 #919195 #A09B99 #AFA59D #BEAFA1 #CDBAA6

#737D8D - #CDBAA6

HSV Blend

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

0.0%	0.0% #737D8D	RGB 115 125 141	#737D8D
16.7%	16.7% #7E7B97	RGB 126 123 151	#7E7B97
33.3%	33.3% #9584A2	RGB 149 132 162	#9584A2
50.0%	50.0% #AD8CAA	RGB 173 140 170	#AD8CAA
66.7%	66.7% #B795A4	RGB 183 149 164	#B795A4
83.3%	83.3% #C29E9D	RGB 194 158 157	#C29E9D
100.0%	100.0% #CDBAA6	RGB 205 186 166	#CDBAA6

#737D8D #7E7B97 #9584A2 #AD8CAA #B795A4 #C29E9D #CDBAA6

#737D8D - #AD8CAA - #CDBAA6

CSS codes

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

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