#4A8169 - #CBDBD4 | 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 #4A8169 to #CBDBD4

#4A8169 #CBDBD4

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

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

0.0%	0.0% #4A8169	RGB 74 129 105	#4A8169
16.7%	16.7% #5F907A	RGB 95 144 122	#5F907A
33.3%	33.3% #759F8C	RGB 117 159 140	#759F8C
50.0%	50.0% #8AAE9E	RGB 138 174 158	#8AAE9E
66.7%	66.7% #A0BDB0	RGB 160 189 176	#A0BDB0
83.3%	83.3% #B5CCC2	RGB 181 204 194	#B5CCC2
100.0%	100.0% #CBDBD4	RGB 203 219 212	#CBDBD4

#4A8169 #5F907A #759F8C #8AAE9E #A0BDB0 #B5CCC2 #CBDBD4

#4A8169 - #CBDBD4

HSV Blend

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

0.0%	0.0% #4A8169	RGB 74 129 105	#4A8169
16.7%	16.7% #5B9078	RGB 91 144 120	#5B9078
33.3%	33.3% #6D9F89	RGB 109 159 137	#6D9F89
50.0%	50.0% #82AE9B	RGB 130 174 155	#82AE9B
66.7%	66.7% #98BDAD	RGB 152 189 173	#98BDAD
83.3%	83.3% #B1CCC0	RGB 177 204 192	#B1CCC0
100.0%	100.0% #CBDBD4	RGB 203 219 212	#CBDBD4

#4A8169 #5B9078 #6D9F89 #82AE9B #98BDAD #B1CCC0 #CBDBD4

#4A8169 - #82AE9B - #CBDBD4

CSS codes

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

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