#4A5646 - #CACECA | 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 #4A5646 to #CACECA

#4A5646 #CACECA

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

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

0.0%	0.0% #4A5646	RGB 74 86 70	#4A5646
16.7%	16.7% #5F6A5C	RGB 95 106 92	#5F6A5C
33.3%	33.3% #747E72	RGB 116 126 114	#747E72
50.0%	50.0% #8A9288	RGB 138 146 136	#8A9288
66.7%	66.7% #9FA69E	RGB 159 166 158	#9FA69E
83.3%	83.3% #B4BAB4	RGB 180 186 180	#B4BAB4
100.0%	100.0% #CACECA	RGB 202 206 202	#CACECA

#4A5646 #5F6A5C #747E72 #8A9288 #9FA69E #B4BAB4 #CACECA

#4A5646 - #CACECA

HSV Blend

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

0.0%	0.0% #4A5646	RGB 74 86 70	#4A5646
16.7%	16.7% #5C6A59	RGB 92 106 89	#5C6A59
33.3%	33.3% #707E6D	RGB 112 126 109	#707E6D
50.0%	50.0% #849283	RGB 132 146 131	#849283
66.7%	66.7% #9AA699	RGB 154 166 153	#9AA699
83.3%	83.3% #B1BAB1	RGB 177 186 177	#B1BAB1
100.0%	100.0% #CACECA	RGB 202 206 202	#CACECA

#4A5646 #5C6A59 #707E6D #849283 #9AA699 #B1BAB1 #CACECA

#4A5646 - #849283 - #CACECA

CSS codes

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

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