#C0BA8D - #FFE5A5 | 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 #C0BA8D to #FFE5A5

#C0BA8D #FFE5A5

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

#C0BA8D - #FFE5A5 | 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 #C0BA8D as 0% and #FFE5A5 as 100%.

0.0%	0.0% #C0BA8D	RGB 192 186 141	#C0BA8D
16.7%	16.7% #CAC191	RGB 202 193 145	#CAC191
33.3%	33.3% #D5C895	RGB 213 200 149	#D5C895
50.0%	50.0% #DFCF99	RGB 223 207 153	#DFCF99
66.7%	66.7% #EAD69D	RGB 234 214 157	#EAD69D
83.3%	83.3% #F4DDA1	RGB 244 221 161	#F4DDA1
100.0%	100.0% #FFE5A5	RGB 255 229 165	#FFE5A5

#C0BA8D #CAC191 #D5C895 #DFCF99 #EAD69D #F4DDA1 #FFE5A5

#C0BA8D - #FFE5A5

HSV Blend

#C0BA8D - #FFE5A5 | 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 #C0BA8D as 0% and #FFE5A5 as 100%.

0.0%	0.0% #C0BA8D	RGB 192 186 141	#C0BA8D
16.7%	16.7% #CAC291	RGB 202 194 145	#CAC291
33.3%	33.3% #D5CA96	RGB 213 202 150	#D5CA96
50.0%	50.0% #DFD19A	RGB 223 209 154	#DFD19A
66.7%	66.7% #EAD89E	RGB 234 216 158	#EAD89E
83.3%	83.3% #F4DEA1	RGB 244 222 161	#F4DEA1
100.0%	100.0% #FFE5A5	RGB 255 229 165	#FFE5A5

#C0BA8D #CAC291 #D5CA96 #DFD19A #EAD89E #F4DEA1 #FFE5A5

#C0BA8D - #DFD19A - #FFE5A5

CSS codes

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

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