#6C9C7E - #CDD391 | 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 #6C9C7E to #CDD391

#6C9C7E #CDD391

Calculate the color between two colors, #6C9C7E and #CDD391. 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)

#6C9C7E - #CDD391 | 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 #6C9C7E as 0% and #CDD391 as 100%.

0.0%	0.0% #6C9C7E	RGB 108 156 126	#6C9C7E
16.7%	16.7% #7CA581	RGB 124 165 129	#7CA581
33.3%	33.3% #8CAE84	RGB 140 174 132	#8CAE84
50.0%	50.0% #9CB787	RGB 156 183 135	#9CB787
66.7%	66.7% #ACC08A	RGB 172 192 138	#ACC08A
83.3%	83.3% #BCC98D	RGB 188 201 141	#BCC98D
100.0%	100.0% #CDD391	RGB 205 211 145	#CDD391

#6C9C7E #7CA581 #8CAE84 #9CB787 #ACC08A #BCC98D #CDD391

#6C9C7E - #CDD391

HSV Blend

#6C9C7E - #CDD391 | 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 #6C9C7E as 0% and #CDD391 as 100%.

0.0%	0.0% #6C9C7E	RGB 108 156 126	#6C9C7E
16.7%	16.7% #72A57A	RGB 114 165 122	#72A57A
33.3%	33.3% #7BAE78	RGB 123 174 120	#7BAE78
50.0%	50.0% #8DB77E	RGB 141 183 126	#8DB77E
66.7%	66.7% #A1C084	RGB 161 192 132	#A1C084
83.3%	83.3% #B6C98A	RGB 182 201 138	#B6C98A
100.0%	100.0% #CDD391	RGB 205 211 145	#CDD391

#6C9C7E #72A57A #7BAE78 #8DB77E #A1C084 #B6C98A #CDD391

#6C9C7E - #8DB77E - #CDD391

CSS codes

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

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