#C9DBA1 - #9DB54C | 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 #C9DBA1 to #9DB54C

#C9DBA1 #9DB54C

Calculate the color between two colors, #C9DBA1 and #9DB54C. 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)

#C9DBA1 - #9DB54C | 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 #C9DBA1 as 0% and #9DB54C as 100%.

0.0%	0.0% #C9DBA1	RGB 201 219 161	#C9DBA1
16.7%	16.7% #C1D492	RGB 193 212 146	#C1D492
33.3%	33.3% #BACE84	RGB 186 206 132	#BACE84
50.0%	50.0% #B3C876	RGB 179 200 118	#B3C876
66.7%	66.7% #ABC168	RGB 171 193 104	#ABC168
83.3%	83.3% #A4BB5A	RGB 164 187 90	#A4BB5A
100.0%	100.0% #9DB54C	RGB 157 181 76	#9DB54C

#C9DBA1 #C1D492 #BACE84 #B3C876 #ABC168 #A4BB5A #9DB54C

#C9DBA1 - #9DB54C

HSV Blend

#C9DBA1 - #9DB54C | 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 #C9DBA1 as 0% and #9DB54C as 100%.

0.0%	0.0% #C9DBA1	RGB 201 219 161	#C9DBA1
16.7%	16.7% #C0D491	RGB 192 212 145	#C0D491
33.3%	33.3% #B8CE82	RGB 184 206 130	#B8CE82
50.0%	50.0% #B1C873	RGB 177 200 115	#B1C873
66.7%	66.7% #AAC165	RGB 170 193 101	#AAC165
83.3%	83.3% #A3BB58	RGB 163 187 88	#A3BB58
100.0%	100.0% #9DB54C	RGB 157 181 76	#9DB54C

#C9DBA1 #C0D491 #B8CE82 #B1C873 #AAC165 #A3BB58 #9DB54C

#C9DBA1 - #B1C873 - #9DB54C

CSS codes

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

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