#367023 - #C6C152 | 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 #367023 to #C6C152

#367023 #C6C152

Calculate the color between two colors, #367023 and #C6C152. 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)

#367023 - #C6C152 | 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 #367023 as 0% and #C6C152 as 100%.

0.0%	0.0% #367023	RGB 54 112 35	#367023
16.7%	16.7% #4E7D2A	RGB 78 125 42	#4E7D2A
33.3%	33.3% #668B32	RGB 102 139 50	#668B32
50.0%	50.0% #7E983A	RGB 126 152 58	#7E983A
66.7%	66.7% #96A642	RGB 150 166 66	#96A642
83.3%	83.3% #AEB34A	RGB 174 179 74	#AEB34A
100.0%	100.0% #C6C152	RGB 198 193 82	#C6C152

#367023 #4E7D2A #668B32 #7E983A #96A642 #AEB34A #C6C152

#367023 - #C6C152

HSV Blend

#367023 - #C6C152 | 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 #367023 as 0% and #C6C152 as 100%.

0.0%	0.0% #367023	RGB 54 112 35	#367023
16.7%	16.7% #497E29	RGB 73 126 41	#497E29
33.3%	33.3% #5F8C30	RGB 95 140 48	#5F8C30
50.0%	50.0% #779B38	RGB 119 155 56	#779B38
66.7%	66.7% #91A940	RGB 145 169 64	#91A940
83.3%	83.3% #ADB748	RGB 173 183 72	#ADB748
100.0%	100.0% #C6C152	RGB 198 193 82	#C6C152

#367023 #497E29 #5F8C30 #779B38 #91A940 #ADB748 #C6C152

#367023 - #779B38 - #C6C152

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #367023 0%, #779B38 50%, #C6C152 100%);
    background: -webkit-linear-gradient(top, #367023 0%, #779B38 50%, #C6C152 100%);
    background: linear-gradient(to bottom, #367023 0%, #779B38 50%, #C6C152 100%);
}
</style>