#4E7E5E - #CCDAD1 | 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 #4E7E5E to #CCDAD1

#4E7E5E #CCDAD1

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

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

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #638D71	RGB 99 141 113	#638D71
33.3%	33.3% #789C84	RGB 120 156 132	#789C84
50.0%	50.0% #8DAC97	RGB 141 172 151	#8DAC97
66.7%	66.7% #A2BBAA	RGB 162 187 170	#A2BBAA
83.3%	83.3% #B7CABD	RGB 183 202 189	#B7CABD
100.0%	100.0% #CCDAD1	RGB 204 218 209	#CCDAD1

#4E7E5E #638D71 #789C84 #8DAC97 #A2BBAA #B7CABD #CCDAD1

#4E7E5E - #CCDAD1

HSV Blend

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

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #5E8D6E	RGB 94 141 110	#5E8D6E
33.3%	33.3% #719C80	RGB 113 156 128	#719C80
50.0%	50.0% #85AC92	RGB 133 172 146	#85AC92
66.7%	66.7% #9BBBA6	RGB 155 187 166	#9BBBA6
83.3%	83.3% #B2CABB	RGB 178 202 187	#B2CABB
100.0%	100.0% #CCDAD1	RGB 204 218 209	#CCDAD1

#4E7E5E #5E8D6E #719C80 #85AC92 #9BBBA6 #B2CABB #CCDAD1

#4E7E5E - #85AC92 - #CCDAD1

CSS codes

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

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