#4A9A8C - #BCD699 | 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 #4A9A8C to #BCD699

#4A9A8C #BCD699

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

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

0.0%	0.0% #4A9A8C	RGB 74 154 140	#4A9A8C
16.7%	16.7% #5DA48E	RGB 93 164 142	#5DA48E
33.3%	33.3% #70AE90	RGB 112 174 144	#70AE90
50.0%	50.0% #83B892	RGB 131 184 146	#83B892
66.7%	66.7% #96C294	RGB 150 194 148	#96C294
83.3%	83.3% #A9CC96	RGB 169 204 150	#A9CC96
100.0%	100.0% #BCD699	RGB 188 214 153	#BCD699

#4A9A8C #5DA48E #70AE90 #83B892 #96C294 #A9CC96 #BCD699

#4A9A8C - #BCD699

HSV Blend

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

0.0%	0.0% #4A9A8C	RGB 74 154 140	#4A9A8C
16.7%	16.7% #55A483	RGB 85 164 131	#55A483
33.3%	33.3% #61AE7C	RGB 97 174 124	#61AE7C
50.0%	50.0% #6DB877	RGB 109 184 119	#6DB877
66.7%	66.7% #83C27B	RGB 131 194 123	#83C27B
83.3%	83.3% #A0CC89	RGB 160 204 137	#A0CC89
100.0%	100.0% #BCD699	RGB 188 214 153	#BCD699

#4A9A8C #55A483 #61AE7C #6DB877 #83C27B #A0CC89 #BCD699

#4A9A8C - #6DB877 - #BCD699

CSS codes

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

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