#C3BE5E - #99871C | 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 #C3BE5E to #99871C

#C3BE5E #99871C

Calculate the color between two colors, #C3BE5E and #99871C. 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)

#C3BE5E - #99871C | 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 #C3BE5E as 0% and #99871C as 100%.

0.0%	0.0% #C3BE5E	RGB 195 190 94	#C3BE5E
16.7%	16.7% #BCB453	RGB 188 180 83	#BCB453
33.3%	33.3% #B5AB48	RGB 181 171 72	#B5AB48
50.0%	50.0% #AEA23D	RGB 174 162 61	#AEA23D
66.7%	66.7% #A79932	RGB 167 153 50	#A79932
83.3%	83.3% #A09027	RGB 160 144 39	#A09027
100.0%	100.0% #99871C	RGB 153 135 28	#99871C

#C3BE5E #BCB453 #B5AB48 #AEA23D #A79932 #A09027 #99871C

#C3BE5E - #99871C

HSV Blend

#C3BE5E - #99871C | 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 #C3BE5E as 0% and #99871C as 100%.

0.0%	0.0% #C3BE5E	RGB 195 190 94	#C3BE5E
16.7%	16.7% #BCB551	RGB 188 181 81	#BCB551
33.3%	33.3% #B5AB45	RGB 181 171 69	#B5AB45
50.0%	50.0% #AEA239	RGB 174 162 57	#AEA239
66.7%	66.7% #A7992F	RGB 167 153 47	#A7992F
83.3%	83.3% #A09025	RGB 160 144 37	#A09025
100.0%	100.0% #99871C	RGB 153 135 28	#99871C

#C3BE5E #BCB551 #B5AB45 #AEA239 #A7992F #A09025 #99871C

#C3BE5E - #AEA239 - #99871C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3BE5E 0%, #AEA239 50%, #99871C 100%);
    background: -webkit-linear-gradient(top, #C3BE5E 0%, #AEA239 50%, #99871C 100%);
    background: linear-gradient(to bottom, #C3BE5E 0%, #AEA239 50%, #99871C 100%);
}
</style>