#4B5E3D - #CAD1C7 | 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 #4B5E3D to #CAD1C7

#4B5E3D #CAD1C7

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

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

0.0%	0.0% #4B5E3D	RGB 75 94 61	#4B5E3D
16.7%	16.7% #607154	RGB 96 113 84	#607154
33.3%	33.3% #75846B	RGB 117 132 107	#75846B
50.0%	50.0% #8A9782	RGB 138 151 130	#8A9782
66.7%	66.7% #9FAA99	RGB 159 170 153	#9FAA99
83.3%	83.3% #B4BDB0	RGB 180 189 176	#B4BDB0
100.0%	100.0% #CAD1C7	RGB 202 209 199	#CAD1C7

#4B5E3D #607154 #75846B #8A9782 #9FAA99 #B4BDB0 #CAD1C7

#4B5E3D - #CAD1C7

HSV Blend

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

0.0%	0.0% #4B5E3D	RGB 75 94 61	#4B5E3D
16.7%	16.7% #5C714F	RGB 92 113 79	#5C714F
33.3%	33.3% #6F8463	RGB 111 132 99	#6F8463
50.0%	50.0% #849779	RGB 132 151 121	#849779
66.7%	66.7% #99AA91	RGB 153 170 145	#99AA91
83.3%	83.3% #B1BDAB	RGB 177 189 171	#B1BDAB
100.0%	100.0% #CAD1C7	RGB 202 209 199	#CAD1C7

#4B5E3D #5C714F #6F8463 #849779 #99AA91 #B1BDAB #CAD1C7

#4B5E3D - #849779 - #CAD1C7

CSS codes

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

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