#144D17 - #BCCCBC | 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 #144D17 to #BCCCBC

#144D17 #BCCCBC

Calculate the color between two colors, #144D17 and #BCCCBC. 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)

#144D17 - #BCCCBC | 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 #144D17 as 0% and #BCCCBC as 100%.

0.0%	0.0% #144D17	RGB 20 77 23	#144D17
16.7%	16.7% #306232	RGB 48 98 50	#306232
33.3%	33.3% #4C774E	RGB 76 119 78	#4C774E
50.0%	50.0% #688C69	RGB 104 140 105	#688C69
66.7%	66.7% #84A185	RGB 132 161 133	#84A185
83.3%	83.3% #A0B6A0	RGB 160 182 160	#A0B6A0
100.0%	100.0% #BCCCBC	RGB 188 204 188	#BCCCBC

#144D17 #306232 #4C774E #688C69 #84A185 #A0B6A0 #BCCCBC

#144D17 - #BCCCBC

HSV Blend

#144D17 - #BCCCBC | 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 #144D17 as 0% and #BCCCBC as 100%.

0.0%	0.0% #134D17	RGB 19 77 23	#134D17
16.7%	16.7% #246227	RGB 36 98 39	#246227
33.3%	33.3% #39773B	RGB 57 119 59	#39773B
50.0%	50.0% #528C54	RGB 82 140 84	#528C54
66.7%	66.7% #71A172	RGB 113 161 114	#71A172
83.3%	83.3% #94B694	RGB 148 182 148	#94B694
100.0%	100.0% #BCCCBC	RGB 188 204 188	#BCCCBC

#134D17 #246227 #39773B #528C54 #71A172 #94B694 #BCCCBC

#144D17 - #528C54 - #BCCCBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #134D17 0%, #528C54 50%, #BCCCBC 100%);
    background: -webkit-linear-gradient(top, #134D17 0%, #528C54 50%, #BCCCBC 100%);
    background: linear-gradient(to bottom, #134D17 0%, #528C54 50%, #BCCCBC 100%);
}
</style>