#C0988E - #FFDBAE | 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 #C0988E to #FFDBAE

#C0988E #FFDBAE

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

#C0988E - #FFDBAE | 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 #C0988E as 0% and #FFDBAE as 100%.

0.0%	0.0% #C0988E	RGB 192 152 142	#C0988E
16.7%	16.7% #CAA393	RGB 202 163 147	#CAA393
33.3%	33.3% #D5AE98	RGB 213 174 152	#D5AE98
50.0%	50.0% #DFB99E	RGB 223 185 158	#DFB99E
66.7%	66.7% #EAC4A3	RGB 234 196 163	#EAC4A3
83.3%	83.3% #F4CFA8	RGB 244 207 168	#F4CFA8
100.0%	100.0% #FFDBAE	RGB 255 219 174	#FFDBAE

#C0988E #CAA393 #D5AE98 #DFB99E #EAC4A3 #F4CFA8 #FFDBAE

#C0988E - #FFDBAE

HSV Blend

#C0988E - #FFDBAE | 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 #C0988E as 0% and #FFDBAE as 100%.

0.0%	0.0% #C0988E	RGB 192 152 142	#C0988E
16.7%	16.7% #CAA293	RGB 202 162 147	#CAA293
33.3%	33.3% #D5AC99	RGB 213 172 153	#D5AC99
50.0%	50.0% #DFB79E	RGB 223 183 158	#DFB79E
66.7%	66.7% #EAC2A4	RGB 234 194 164	#EAC2A4
83.3%	83.3% #F4CEA9	RGB 244 206 169	#F4CEA9
100.0%	100.0% #FFDBAE	RGB 255 219 174	#FFDBAE

#C0988E #CAA293 #D5AC99 #DFB79E #EAC2A4 #F4CEA9 #FFDBAE

#C0988E - #DFB79E - #FFDBAE

CSS codes

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

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