#4B5646 - #CBCECA | 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 #4B5646 to #CBCECA

#4B5646 #CBCECA

Calculate the color between two colors, #4B5646 and #CBCECA. 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)

#4B5646 - #CBCECA | 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 #4B5646 as 0% and #CBCECA as 100%.

0.0%	0.0% #4B5646	RGB 75 86 70	#4B5646
16.7%	16.7% #606A5C	RGB 96 106 92	#606A5C
33.3%	33.3% #757E72	RGB 117 126 114	#757E72
50.0%	50.0% #8B9288	RGB 139 146 136	#8B9288
66.7%	66.7% #A0A69E	RGB 160 166 158	#A0A69E
83.3%	83.3% #B5BAB4	RGB 181 186 180	#B5BAB4
100.0%	100.0% #CBCECA	RGB 203 206 202	#CBCECA

#4B5646 #606A5C #757E72 #8B9288 #A0A69E #B5BAB4 #CBCECA

#4B5646 - #CBCECA

HSV Blend

#4B5646 - #CBCECA | 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 #4B5646 as 0% and #CBCECA as 100%.

0.0%	0.0% #4B5646	RGB 75 86 70	#4B5646
16.7%	16.7% #5E6A59	RGB 94 106 89	#5E6A59
33.3%	33.3% #727E6D	RGB 114 126 109	#727E6D
50.0%	50.0% #879283	RGB 135 146 131	#879283
66.7%	66.7% #9CA699	RGB 156 166 153	#9CA699
83.3%	83.3% #B3BAB1	RGB 179 186 177	#B3BAB1
100.0%	100.0% #CBCECA	RGB 203 206 202	#CBCECA

#4B5646 #5E6A59 #727E6D #879283 #9CA699 #B3BAB1 #CBCECA

#4B5646 - #879283 - #CBCECA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5646 0%, #879283 50%, #CBCECA 100%);
    background: -webkit-linear-gradient(top, #4B5646 0%, #879283 50%, #CBCECA 100%);
    background: linear-gradient(to bottom, #4B5646 0%, #879283 50%, #CBCECA 100%);
}
</style>