#C5DCC1 - #74B96F | 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 #C5DCC1 to #74B96F

#C5DCC1 #74B96F

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

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

0.0%	0.0% #C5DCC1	RGB 197 220 193	#C5DCC1
16.7%	16.7% #B7D6B3	RGB 183 214 179	#B7D6B3
33.3%	33.3% #AAD0A5	RGB 170 208 165	#AAD0A5
50.0%	50.0% #9CCA98	RGB 156 202 152	#9CCA98
66.7%	66.7% #8FC48A	RGB 143 196 138	#8FC48A
83.3%	83.3% #81BE7C	RGB 129 190 124	#81BE7C
100.0%	100.0% #74B96F	RGB 116 185 111	#74B96F

#C5DCC1 #B7D6B3 #AAD0A5 #9CCA98 #8FC48A #81BE7C #74B96F

#C5DCC1 - #74B96F

HSV Blend

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

0.0%	0.0% #C5DCC1	RGB 197 220 193	#C5DCC1
16.7%	16.7% #B6D6B1	RGB 182 214 177	#B6D6B1
33.3%	33.3% #A8D0A3	RGB 168 208 163	#A8D0A3
50.0%	50.0% #9BCA95	RGB 155 202 149	#9BCA95
66.7%	66.7% #8DC488	RGB 141 196 136	#8DC488
83.3%	83.3% #80BE7B	RGB 128 190 123	#80BE7B
100.0%	100.0% #74B96F	RGB 116 185 111	#74B96F

#C5DCC1 #B6D6B1 #A8D0A3 #9BCA95 #8DC488 #80BE7B #74B96F

#C5DCC1 - #9BCA95 - #74B96F

CSS codes

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

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