#9C9C60 - #EDFB7E | 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 #9C9C60 to #EDFB7E

#9C9C60 #EDFB7E

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

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

0.0%	0.0% #9C9C60	RGB 156 156 96	#9C9C60
16.7%	16.7% #A9AB65	RGB 169 171 101	#A9AB65
33.3%	33.3% #B7BB6A	RGB 183 187 106	#B7BB6A
50.0%	50.0% #C4CB6F	RGB 196 203 111	#C4CB6F
66.7%	66.7% #D2DB74	RGB 210 219 116	#D2DB74
83.3%	83.3% #DFEB79	RGB 223 235 121	#DFEB79
100.0%	100.0% #EDFB7E	RGB 237 251 126	#EDFB7E

#9C9C60 #A9AB65 #B7BB6A #C4CB6F #D2DB74 #DFEB79 #EDFB7E

#9C9C60 - #EDFB7E

HSV Blend

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

0.0%	0.0% #9C9C60	RGB 156 156 96	#9C9C60
16.7%	16.7% #AAAB66	RGB 170 171 102	#AAAB66
33.3%	33.3% #B8BB6C	RGB 184 187 108	#B8BB6C
50.0%	50.0% #C6CB71	RGB 198 203 113	#C6CB71
66.7%	66.7% #D3DB76	RGB 211 219 118	#D3DB76
83.3%	83.3% #E0EB7A	RGB 224 235 122	#E0EB7A
100.0%	100.0% #EDFB7E	RGB 237 251 126	#EDFB7E

#9C9C60 #AAAB66 #B8BB6C #C6CB71 #D3DB76 #E0EB7A #EDFB7E

#9C9C60 - #C6CB71 - #EDFB7E

CSS codes

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

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