#C0C09D - #FFE7B0 | 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 #C0C09D to #FFE7B0

#C0C09D #FFE7B0

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

#C0C09D - #FFE7B0 | 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 #C0C09D as 0% and #FFE7B0 as 100%.

0.0%	0.0% #C0C09D	RGB 192 192 157	#C0C09D
16.7%	16.7% #CAC6A0	RGB 202 198 160	#CAC6A0
33.3%	33.3% #D5CDA3	RGB 213 205 163	#D5CDA3
50.0%	50.0% #DFD3A6	RGB 223 211 166	#DFD3A6
66.7%	66.7% #EADAA9	RGB 234 218 169	#EADAA9
83.3%	83.3% #F4E0AC	RGB 244 224 172	#F4E0AC
100.0%	100.0% #FFE7B0	RGB 255 231 176	#FFE7B0

#C0C09D #CAC6A0 #D5CDA3 #DFD3A6 #EADAA9 #F4E0AC #FFE7B0

#C0C09D - #FFE7B0

HSV Blend

#C0C09D - #FFE7B0 | 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 #C0C09D as 0% and #FFE7B0 as 100%.

0.0%	0.0% #C0C09D	RGB 192 192 157	#C0C09D
16.7%	16.7% #CAC8A1	RGB 202 200 161	#CAC8A1
33.3%	33.3% #D5D0A5	RGB 213 208 165	#D5D0A5
50.0%	50.0% #DFD7A8	RGB 223 215 168	#DFD7A8
66.7%	66.7% #EADDAB	RGB 234 221 171	#EADDAB
83.3%	83.3% #F4E2AD	RGB 244 226 173	#F4E2AD
100.0%	100.0% #FFE7B0	RGB 255 231 176	#FFE7B0

#C0C09D #CAC8A1 #D5D0A5 #DFD7A8 #EADDAB #F4E2AD #FFE7B0

#C0C09D - #DFD7A8 - #FFE7B0

CSS codes

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

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