#194D3C - #BDCCC7 | 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 #194D3C to #BDCCC7

#194D3C #BDCCC7

Calculate the color between two colors, #194D3C and #BDCCC7. 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)

#194D3C - #BDCCC7 | 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 #194D3C as 0% and #BDCCC7 as 100%.

0.0%	0.0% #194D3C	RGB 25 77 60	#194D3C
16.7%	16.7% #346253	RGB 52 98 83	#346253
33.3%	33.3% #4F776A	RGB 79 119 106	#4F776A
50.0%	50.0% #6B8C81	RGB 107 140 129	#6B8C81
66.7%	66.7% #86A198	RGB 134 161 152	#86A198
83.3%	83.3% #A1B6AF	RGB 161 182 175	#A1B6AF
100.0%	100.0% #BDCCC7	RGB 189 204 199	#BDCCC7

#194D3C #346253 #4F776A #6B8C81 #86A198 #A1B6AF #BDCCC7

#194D3C - #BDCCC7

HSV Blend

#194D3C - #BDCCC7 | 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 #194D3C as 0% and #BDCCC7 as 100%.

0.0%	0.0% #194D3C	RGB 25 77 60	#194D3C
16.7%	16.7% #29624F	RGB 41 98 79	#29624F
33.3%	33.3% #3E7764	RGB 62 119 100	#3E7764
50.0%	50.0% #578C7B	RGB 87 140 123	#578C7B
66.7%	66.7% #75A192	RGB 117 161 146	#75A192
83.3%	83.3% #97B6AC	RGB 151 182 172	#97B6AC
100.0%	100.0% #BDCCC7	RGB 189 204 199	#BDCCC7

#194D3C #29624F #3E7764 #578C7B #75A192 #97B6AC #BDCCC7

#194D3C - #578C7B - #BDCCC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #194D3C 0%, #578C7B 50%, #BDCCC7 100%);
    background: -webkit-linear-gradient(top, #194D3C 0%, #578C7B 50%, #BDCCC7 100%);
    background: linear-gradient(to bottom, #194D3C 0%, #578C7B 50%, #BDCCC7 100%);
}
</style>