#CCCD4B - #8F9513 | 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 #CCCD4B to #8F9513

#CCCD4B #8F9513

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

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

0.0%	0.0% #CCCD4B	RGB 204 205 75	#CCCD4B
16.7%	16.7% #C1C341	RGB 193 195 65	#C1C341
33.3%	33.3% #B7BA38	RGB 183 186 56	#B7BA38
50.0%	50.0% #ADB12F	RGB 173 177 47	#ADB12F
66.7%	66.7% #A3A725	RGB 163 167 37	#A3A725
83.3%	83.3% #999E1C	RGB 153 158 28	#999E1C
100.0%	100.0% #8F9513	RGB 143 149 19	#8F9513

#CCCD4B #C1C341 #B7BA38 #ADB12F #A3A725 #999E1C #8F9513

#CCCD4B - #8F9513

HSV Blend

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

0.0%	0.0% #CCCD4B	RGB 204 205 75	#CCCD4B
16.7%	16.7% #C1C33F	RGB 193 195 63	#C1C33F
33.3%	33.3% #B7BA35	RGB 183 186 53	#B7BA35
50.0%	50.0% #ADB12B	RGB 173 177 43	#ADB12B
66.7%	66.7% #A3A722	RGB 163 167 34	#A3A722
83.3%	83.3% #999E1A	RGB 153 158 26	#999E1A
100.0%	100.0% #8F9513	RGB 143 149 19	#8F9513

#CCCD4B #C1C33F #B7BA35 #ADB12B #A3A722 #999E1A #8F9513

#CCCD4B - #ADB12B - #8F9513

CSS codes

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

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