#C0AD6B - #FFDE89 | 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 #C0AD6B to #FFDE89

#C0AD6B #FFDE89

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

#C0AD6B - #FFDE89 | 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 #C0AD6B as 0% and #FFDE89 as 100%.

0.0%	0.0% #C0AD6B	RGB 192 173 107	#C0AD6B
16.7%	16.7% #CAB570	RGB 202 181 112	#CAB570
33.3%	33.3% #D5BD75	RGB 213 189 117	#D5BD75
50.0%	50.0% #DFC57A	RGB 223 197 122	#DFC57A
66.7%	66.7% #EACD7F	RGB 234 205 127	#EACD7F
83.3%	83.3% #F4D584	RGB 244 213 132	#F4D584
100.0%	100.0% #FFDE89	RGB 255 222 137	#FFDE89

#C0AD6B #CAB570 #D5BD75 #DFC57A #EACD7F #F4D584 #FFDE89

#C0AD6B - #FFDE89

HSV Blend

#C0AD6B - #FFDE89 | 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 #C0AD6B as 0% and #FFDE89 as 100%.

0.0%	0.0% #C0AD6B	RGB 192 173 107	#C0AD6B
16.7%	16.7% #CAB570	RGB 202 181 112	#CAB570
33.3%	33.3% #D5BD75	RGB 213 189 117	#D5BD75
50.0%	50.0% #DFC67A	RGB 223 198 122	#DFC67A
66.7%	66.7% #EACE7F	RGB 234 206 127	#EACE7F
83.3%	83.3% #F4D684	RGB 244 214 132	#F4D684
100.0%	100.0% #FFDE89	RGB 255 222 137	#FFDE89

#C0AD6B #CAB570 #D5BD75 #DFC67A #EACE7F #F4D684 #FFDE89

#C0AD6B - #DFC67A - #FFDE89

CSS codes

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

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