#49524D - #CBCDCC | 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 #49524D to #CBCDCC

#49524D #CBCDCC

Calculate the color between two colors, #49524D and #CBCDCC. 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)

#49524D - #CBCDCC | 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 #49524D as 0% and #CBCDCC as 100%.

0.0%	0.0% #49524D	RGB 73 82 77	#49524D
16.7%	16.7% #5E6662	RGB 94 102 98	#5E6662
33.3%	33.3% #747B77	RGB 116 123 119	#747B77
50.0%	50.0% #8A8F8C	RGB 138 143 140	#8A8F8C
66.7%	66.7% #9FA4A1	RGB 159 164 161	#9FA4A1
83.3%	83.3% #B5B8B6	RGB 181 184 182	#B5B8B6
100.0%	100.0% #CBCDCC	RGB 203 205 204	#CBCDCC

#49524D #5E6662 #747B77 #8A8F8C #9FA4A1 #B5B8B6 #CBCDCC

#49524D - #CBCDCC

HSV Blend

#49524D - #CBCDCC | 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 #49524D as 0% and #CBCDCC as 100%.

0.0%	0.0% #49524D	RGB 73 82 77	#49524D
16.7%	16.7% #5C6661	RGB 92 102 97	#5C6661
33.3%	33.3% #717B75	RGB 113 123 117	#717B75
50.0%	50.0% #868F8A	RGB 134 143 138	#868F8A
66.7%	66.7% #9CA4A0	RGB 156 164 160	#9CA4A0
83.3%	83.3% #B3B8B6	RGB 179 184 182	#B3B8B6
100.0%	100.0% #CBCDCC	RGB 203 205 204	#CBCDCC

#49524D #5C6661 #717B75 #868F8A #9CA4A0 #B3B8B6 #CBCDCC

#49524D - #868F8A - #CBCDCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49524D 0%, #868F8A 50%, #CBCDCC 100%);
    background: -webkit-linear-gradient(top, #49524D 0%, #868F8A 50%, #CBCDCC 100%);
    background: linear-gradient(to bottom, #49524D 0%, #868F8A 50%, #CBCDCC 100%);
}
</style>