#C0C34D - #ECEDCC | 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 #C0C34D to #ECEDCC

#C0C34D #ECEDCC

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

#C0C34D - #ECEDCC | 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 #C0C34D as 0% and #ECEDCC as 100%.

0.0%	0.0% #C0C34D	RGB 192 195 77	#C0C34D
16.7%	16.7% #C7CA62	RGB 199 202 98	#C7CA62
33.3%	33.3% #CED177	RGB 206 209 119	#CED177
50.0%	50.0% #D6D88C	RGB 214 216 140	#D6D88C
66.7%	66.7% #DDDFA1	RGB 221 223 161	#DDDFA1
83.3%	83.3% #E4E6B6	RGB 228 230 182	#E4E6B6
100.0%	100.0% #ECEDCC	RGB 236 237 204	#ECEDCC

#C0C34D #C7CA62 #CED177 #D6D88C #DDDFA1 #E4E6B6 #ECEDCC

#C0C34D - #ECEDCC

HSV Blend

#C0C34D - #ECEDCC | 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 #C0C34D as 0% and #ECEDCC as 100%.

0.0%	0.0% #C0C34D	RGB 192 195 77	#C0C34D
16.7%	16.7% #C7CA5F	RGB 199 202 95	#C7CA5F
33.3%	33.3% #CED172	RGB 206 209 114	#CED172
50.0%	50.0% #D5D887	RGB 213 216 135	#D5D887
66.7%	66.7% #DDDF9D	RGB 221 223 157	#DDDF9D
83.3%	83.3% #E4E6B4	RGB 228 230 180	#E4E6B4
100.0%	100.0% #ECEDCC	RGB 236 237 204	#ECEDCC

#C0C34D #C7CA5F #CED172 #D5D887 #DDDF9D #E4E6B4 #ECEDCC

#C0C34D - #D5D887 - #ECEDCC

CSS codes

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

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