#C0C06D - #FFE58B | 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 #C0C06D to #FFE58B

#C0C06D #FFE58B

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

#C0C06D - #FFE58B | 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 #C0C06D as 0% and #FFE58B as 100%.

0.0%	0.0% #C0C06D	RGB 192 192 109	#C0C06D
16.7%	16.7% #CAC672	RGB 202 198 114	#CAC672
33.3%	33.3% #D5CC77	RGB 213 204 119	#D5CC77
50.0%	50.0% #DFD27C	RGB 223 210 124	#DFD27C
66.7%	66.7% #EAD881	RGB 234 216 129	#EAD881
83.3%	83.3% #F4DE86	RGB 244 222 134	#F4DE86
100.0%	100.0% #FFE58B	RGB 255 229 139	#FFE58B

#C0C06D #CAC672 #D5CC77 #DFD27C #EAD881 #F4DE86 #FFE58B

#C0C06D - #FFE58B

HSV Blend

#C0C06D - #FFE58B | 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 #C0C06D as 0% and #FFE58B as 100%.

0.0%	0.0% #C0C06D	RGB 192 192 109	#C0C06D
16.7%	16.7% #CAC772	RGB 202 199 114	#CAC772
33.3%	33.3% #D5CE77	RGB 213 206 119	#D5CE77
50.0%	50.0% #DFD47C	RGB 223 212 124	#DFD47C
66.7%	66.7% #EADA81	RGB 234 218 129	#EADA81
83.3%	83.3% #F4DF86	RGB 244 223 134	#F4DF86
100.0%	100.0% #FFE58B	RGB 255 229 139	#FFE58B

#C0C06D #CAC772 #D5CE77 #DFD47C #EADA81 #F4DF86 #FFE58B

#C0C06D - #DFD47C - #FFE58B

CSS codes

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

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