#C8D0C8 - #74A876 | 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 #C8D0C8 to #74A876

#C8D0C8 #74A876

Calculate the color between two colors, #C8D0C8 and #74A876. 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)

#C8D0C8 - #74A876 | 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 #C8D0C8 as 0% and #74A876 as 100%.

0.0%	0.0% #C8D0C8	RGB 200 208 200	#C8D0C8
16.7%	16.7% #BAC9BA	RGB 186 201 186	#BAC9BA
33.3%	33.3% #ACC2AC	RGB 172 194 172	#ACC2AC
50.0%	50.0% #9EBC9F	RGB 158 188 159	#9EBC9F
66.7%	66.7% #90B591	RGB 144 181 145	#90B591
83.3%	83.3% #82AE83	RGB 130 174 131	#82AE83
100.0%	100.0% #74A876	RGB 116 168 118	#74A876

#C8D0C8 #BAC9BA #ACC2AC #9EBC9F #90B591 #82AE83 #74A876

#C8D0C8 - #74A876

HSV Blend

#C8D0C8 - #74A876 | 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 #C8D0C8 as 0% and #74A876 as 100%.

0.0%	0.0% #C8D0C8	RGB 200 208 200	#C8D0C8
16.7%	16.7% #B8C9B8	RGB 184 201 184	#B8C9B8
33.3%	33.3% #A9C2A9	RGB 169 194 169	#A9C2A9
50.0%	50.0% #9BBC9B	RGB 155 188 155	#9BBC9B
66.7%	66.7% #8DB58E	RGB 141 181 142	#8DB58E
83.3%	83.3% #80AE81	RGB 128 174 129	#80AE81
100.0%	100.0% #74A876	RGB 116 168 118	#74A876

#C8D0C8 #B8C9B8 #A9C2A9 #9BBC9B #8DB58E #80AE81 #74A876

#C8D0C8 - #9BBC9B - #74A876

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D0C8 0%, #9BBC9B 50%, #74A876 100%);
    background: -webkit-linear-gradient(top, #C8D0C8 0%, #9BBC9B 50%, #74A876 100%);
    background: linear-gradient(to bottom, #C8D0C8 0%, #9BBC9B 50%, #74A876 100%);
}
</style>