#CCD68F - #8FA83C | 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 #CCD68F to #8FA83C

#CCD68F #8FA83C

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

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

0.0%	0.0% #CCD68F	RGB 204 214 143	#CCD68F
16.7%	16.7% #C1CE81	RGB 193 206 129	#C1CE81
33.3%	33.3% #B7C673	RGB 183 198 115	#B7C673
50.0%	50.0% #ADBF65	RGB 173 191 101	#ADBF65
66.7%	66.7% #A3B757	RGB 163 183 87	#A3B757
83.3%	83.3% #99AF49	RGB 153 175 73	#99AF49
100.0%	100.0% #8FA83C	RGB 143 168 60	#8FA83C

#CCD68F #C1CE81 #B7C673 #ADBF65 #A3B757 #99AF49 #8FA83C

#CCD68F - #8FA83C

HSV Blend

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

0.0%	0.0% #CCD68F	RGB 204 214 143	#CCD68F
16.7%	16.7% #C1CE7F	RGB 193 206 127	#C1CE7F
33.3%	33.3% #B7C670	RGB 183 198 112	#B7C670
50.0%	50.0% #ADBF61	RGB 173 191 97	#ADBF61
66.7%	66.7% #A3B754	RGB 163 183 84	#A3B754
83.3%	83.3% #99AF47	RGB 153 175 71	#99AF47
100.0%	100.0% #8FA83C	RGB 143 168 60	#8FA83C

#CCD68F #C1CE7F #B7C670 #ADBF61 #A3B754 #99AF47 #8FA83C

#CCD68F - #ADBF61 - #8FA83C

CSS codes

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

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