#CDD9A8 - #96B655 | 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 #CDD9A8 to #96B655

#CDD9A8 #96B655

Calculate the color between two colors, #CDD9A8 and #96B655. 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)

#CDD9A8 - #96B655 | 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 #CDD9A8 as 0% and #96B655 as 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C3D39A	RGB 195 211 154	#C3D39A
33.3%	33.3% #BACD8C	RGB 186 205 140	#BACD8C
50.0%	50.0% #B1C77E	RGB 177 199 126	#B1C77E
66.7%	66.7% #A8C170	RGB 168 193 112	#A8C170
83.3%	83.3% #9FBB62	RGB 159 187 98	#9FBB62
100.0%	100.0% #96B655	RGB 150 182 85	#96B655

#CDD9A8 #C3D39A #BACD8C #B1C77E #A8C170 #9FBB62 #96B655

#CDD9A8 - #96B655

HSV Blend

#CDD9A8 - #96B655 | 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 #CDD9A8 as 0% and #96B655 as 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C4D398	RGB 196 211 152	#C4D398
33.3%	33.3% #BACD89	RGB 186 205 137	#BACD89
50.0%	50.0% #B1C77B	RGB 177 199 123	#B1C77B
66.7%	66.7% #A8C16E	RGB 168 193 110	#A8C16E
83.3%	83.3% #9FBB61	RGB 159 187 97	#9FBB61
100.0%	100.0% #96B655	RGB 150 182 85	#96B655

#CDD9A8 #C4D398 #BACD89 #B1C77B #A8C16E #9FBB61 #96B655

#CDD9A8 - #B1C77B - #96B655

CSS codes

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

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