#CCD3A8 - #A9AD53 | 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 #CCD3A8 to #A9AD53

#CCD3A8 #A9AD53

Calculate the color between two colors, #CCD3A8 and #A9AD53. 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)

#CCD3A8 - #A9AD53 | 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 #CCD3A8 as 0% and #A9AD53 as 100%.

0.0%	0.0% #CCD3A8	RGB 204 211 168	#CCD3A8
16.7%	16.7% #C6CC99	RGB 198 204 153	#C6CC99
33.3%	33.3% #C0C68B	RGB 192 198 139	#C0C68B
50.0%	50.0% #BAC07D	RGB 186 192 125	#BAC07D
66.7%	66.7% #B4B96F	RGB 180 185 111	#B4B96F
83.3%	83.3% #AEB361	RGB 174 179 97	#AEB361
100.0%	100.0% #A9AD53	RGB 169 173 83	#A9AD53

#CCD3A8 #C6CC99 #C0C68B #BAC07D #B4B96F #AEB361 #A9AD53

#CCD3A8 - #A9AD53

HSV Blend

#CCD3A8 - #A9AD53 | 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 #CCD3A8 as 0% and #A9AD53 as 100%.

0.0%	0.0% #CCD3A8	RGB 204 211 168	#CCD3A8
16.7%	16.7% #C5CC98	RGB 197 204 152	#C5CC98
33.3%	33.3% #BEC688	RGB 190 198 136	#BEC688
50.0%	50.0% #B8C07A	RGB 184 192 122	#B8C07A
66.7%	66.7% #B3B96C	RGB 179 185 108	#B3B96C
83.3%	83.3% #ADB35F	RGB 173 179 95	#ADB35F
100.0%	100.0% #A9AD53	RGB 169 173 83	#A9AD53

#CCD3A8 #C5CC98 #BEC688 #B8C07A #B3B96C #ADB35F #A9AD53

#CCD3A8 - #B8C07A - #A9AD53

CSS codes

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

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