#C8C85B - #FFE880 | 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 #C8C85B to #FFE880

#C8C85B #FFE880

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

#C8C85B - #FFE880 | 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 #C8C85B as 0% and #FFE880 as 100%.

0.0%	0.0% #C8C85B	RGB 200 200 91	#C8C85B
16.7%	16.7% #D1CD61	RGB 209 205 97	#D1CD61
33.3%	33.3% #DAD267	RGB 218 210 103	#DAD267
50.0%	50.0% #E3D86D	RGB 227 216 109	#E3D86D
66.7%	66.7% #ECDD73	RGB 236 221 115	#ECDD73
83.3%	83.3% #F5E279	RGB 245 226 121	#F5E279
100.0%	100.0% #FFE880	RGB 255 232 128	#FFE880

#C8C85B #D1CD61 #DAD267 #E3D86D #ECDD73 #F5E279 #FFE880

#C8C85B - #FFE880

HSV Blend

#C8C85B - #FFE880 | 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 #C8C85B as 0% and #FFE880 as 100%.

0.0%	0.0% #C8C85B	RGB 200 200 91	#C8C85B
16.7%	16.7% #D1CD60	RGB 209 205 96	#D1CD60
33.3%	33.3% #DAD366	RGB 218 211 102	#DAD366
50.0%	50.0% #E3D86C	RGB 227 216 108	#E3D86C
66.7%	66.7% #ECDD73	RGB 236 221 115	#ECDD73
83.3%	83.3% #F5E379	RGB 245 227 121	#F5E379
100.0%	100.0% #FFE880	RGB 255 232 128	#FFE880

#C8C85B #D1CD60 #DAD366 #E3D86C #ECDD73 #F5E379 #FFE880

#C8C85B - #E3D86C - #FFE880

CSS codes

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

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