#CBCD3C - #8D930F | 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 #CBCD3C to #8D930F

#CBCD3C #8D930F

Calculate the color between two colors, #CBCD3C and #8D930F. 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)

#CBCD3C - #8D930F | 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 #CBCD3C as 0% and #8D930F as 100%.

0.0%	0.0% #CBCD3C	RGB 203 205 60	#CBCD3C
16.7%	16.7% #C0C334	RGB 192 195 52	#C0C334
33.3%	33.3% #B6B92D	RGB 182 185 45	#B6B92D
50.0%	50.0% #ACB025	RGB 172 176 37	#ACB025
66.7%	66.7% #A1A61E	RGB 161 166 30	#A1A61E
83.3%	83.3% #979C16	RGB 151 156 22	#979C16
100.0%	100.0% #8D930F	RGB 141 147 15	#8D930F

#CBCD3C #C0C334 #B6B92D #ACB025 #A1A61E #979C16 #8D930F

#CBCD3C - #8D930F

HSV Blend

#CBCD3C - #8D930F | 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 #CBCD3C as 0% and #8D930F as 100%.

0.0%	0.0% #CBCD3C	RGB 203 205 60	#CBCD3C
16.7%	16.7% #C0C332	RGB 192 195 50	#C0C332
33.3%	33.3% #B6B92A	RGB 182 185 42	#B6B92A
50.0%	50.0% #ABB022	RGB 171 176 34	#ABB022
66.7%	66.7% #A1A61B	RGB 161 166 27	#A1A61B
83.3%	83.3% #979C14	RGB 151 156 20	#979C14
100.0%	100.0% #8D930F	RGB 141 147 15	#8D930F

#CBCD3C #C0C332 #B6B92A #ABB022 #A1A61B #979C14 #8D930F

#CBCD3C - #ABB022 - #8D930F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBCD3C 0%, #ABB022 50%, #8D930F 100%);
    background: -webkit-linear-gradient(top, #CBCD3C 0%, #ABB022 50%, #8D930F 100%);
    background: linear-gradient(to bottom, #CBCD3C 0%, #ABB022 50%, #8D930F 100%);
}
</style>