#C3C16D - #757E2B | 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 #C3C16D to #757E2B

#C3C16D #757E2B

Calculate the color between two colors, #C3C16D and #757E2B. 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)

#C3C16D - #757E2B | 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 #C3C16D as 0% and #757E2B as 100%.

0.0%	0.0% #C3C16D	RGB 195 193 109	#C3C16D
16.7%	16.7% #B6B562	RGB 182 181 98	#B6B562
33.3%	33.3% #A9AA57	RGB 169 170 87	#A9AA57
50.0%	50.0% #9C9F4C	RGB 156 159 76	#9C9F4C
66.7%	66.7% #8F9441	RGB 143 148 65	#8F9441
83.3%	83.3% #828936	RGB 130 137 54	#828936
100.0%	100.0% #757E2B	RGB 117 126 43	#757E2B

#C3C16D #B6B562 #A9AA57 #9C9F4C #8F9441 #828936 #757E2B

#C3C16D - #757E2B

HSV Blend

#C3C16D - #757E2B | 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 #C3C16D as 0% and #757E2B as 100%.

0.0%	0.0% #C3C16D	RGB 195 193 109	#C3C16D
16.7%	16.7% #B7B75F	RGB 183 183 95	#B7B75F
33.3%	33.3% #AAAC53	RGB 170 172 83	#AAAC53
50.0%	50.0% #9CA048	RGB 156 160 72	#9CA048
66.7%	66.7% #8F953D	RGB 143 149 61	#8F953D
83.3%	83.3% #828933	RGB 130 137 51	#828933
100.0%	100.0% #757E2B	RGB 117 126 43	#757E2B

#C3C16D #B7B75F #AAAC53 #9CA048 #8F953D #828933 #757E2B

#C3C16D - #9CA048 - #757E2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C16D 0%, #9CA048 50%, #757E2B 100%);
    background: -webkit-linear-gradient(top, #C3C16D 0%, #9CA048 50%, #757E2B 100%);
    background: linear-gradient(to bottom, #C3C16D 0%, #9CA048 50%, #757E2B 100%);
}
</style>