#CDDDAB - #8BB456 | 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 #CDDDAB to #8BB456

#CDDDAB #8BB456

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

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

0.0%	0.0% #CDDDAB	RGB 205 221 171	#CDDDAB
16.7%	16.7% #C2D69C	RGB 194 214 156	#C2D69C
33.3%	33.3% #B7CF8E	RGB 183 207 142	#B7CF8E
50.0%	50.0% #ACC880	RGB 172 200 128	#ACC880
66.7%	66.7% #A1C172	RGB 161 193 114	#A1C172
83.3%	83.3% #96BA64	RGB 150 186 100	#96BA64
100.0%	100.0% #8BB456	RGB 139 180 86	#8BB456

#CDDDAB #C2D69C #B7CF8E #ACC880 #A1C172 #96BA64 #8BB456

#CDDDAB - #8BB456

HSV Blend

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

0.0%	0.0% #CDDDAB	RGB 205 221 171	#CDDDAB
16.7%	16.7% #C2D69B	RGB 194 214 155	#C2D69B
33.3%	33.3% #B7CF8B	RGB 183 207 139	#B7CF8B
50.0%	50.0% #ACC87D	RGB 172 200 125	#ACC87D
66.7%	66.7% #A1C16F	RGB 161 193 111	#A1C16F
83.3%	83.3% #96BA62	RGB 150 186 98	#96BA62
100.0%	100.0% #8BB456	RGB 139 180 86	#8BB456

#CDDDAB #C2D69B #B7CF8B #ACC87D #A1C16F #96BA62 #8BB456

#CDDDAB - #ACC87D - #8BB456

CSS codes

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

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