#C0C17C - #EDEDD9 | 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 #C0C17C to #EDEDD9

#C0C17C #EDEDD9

Calculate the color between two colors, #C0C17C and #EDEDD9. 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)

#C0C17C - #EDEDD9 | 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 #C0C17C as 0% and #EDEDD9 as 100%.

0.0%	0.0% #C0C17C	RGB 192 193 124	#C0C17C
16.7%	16.7% #C7C88B	RGB 199 200 139	#C7C88B
33.3%	33.3% #CFCF9B	RGB 207 207 155	#CFCF9B
50.0%	50.0% #D6D7AA	RGB 214 215 170	#D6D7AA
66.7%	66.7% #DEDEBA	RGB 222 222 186	#DEDEBA
83.3%	83.3% #E5E5C9	RGB 229 229 201	#E5E5C9
100.0%	100.0% #EDEDD9	RGB 237 237 217	#EDEDD9

#C0C17C #C7C88B #CFCF9B #D6D7AA #DEDEBA #E5E5C9 #EDEDD9

#C0C17C - #EDEDD9

HSV Blend

#C0C17C - #EDEDD9 | 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 #C0C17C as 0% and #EDEDD9 as 100%.

0.0%	0.0% #C0C17C	RGB 192 193 124	#C0C17C
16.7%	16.7% #C7C889	RGB 199 200 137	#C7C889
33.3%	33.3% #CFCF98	RGB 207 207 152	#CFCF98
50.0%	50.0% #D6D7A7	RGB 214 215 167	#D6D7A7
66.7%	66.7% #DEDEB7	RGB 222 222 183	#DEDEB7
83.3%	83.3% #E5E5C7	RGB 229 229 199	#E5E5C7
100.0%	100.0% #EDEDD9	RGB 237 237 217	#EDEDD9

#C0C17C #C7C889 #CFCF98 #D6D7A7 #DEDEB7 #E5E5C7 #EDEDD9

#C0C17C - #D6D7A7 - #EDEDD9

CSS codes

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

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