#C97E4C - #EFDACB | 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 #C97E4C to #EFDACB

#C97E4C #EFDACB

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

#C97E4C - #EFDACB | 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 #C97E4C as 0% and #EFDACB as 100%.

0.0%	0.0% #C97E4C	RGB 201 126 76	#C97E4C
16.7%	16.7% #CF8D61	RGB 207 141 97	#CF8D61
33.3%	33.3% #D59C76	RGB 213 156 118	#D59C76
50.0%	50.0% #DCAC8B	RGB 220 172 139	#DCAC8B
66.7%	66.7% #E2BBA0	RGB 226 187 160	#E2BBA0
83.3%	83.3% #E8CAB5	RGB 232 202 181	#E8CAB5
100.0%	100.0% #EFDACB	RGB 239 218 203	#EFDACB

#C97E4C #CF8D61 #D59C76 #DCAC8B #E2BBA0 #E8CAB5 #EFDACB

#C97E4C - #EFDACB

HSV Blend

#C97E4C - #EFDACB | 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 #C97E4C as 0% and #EFDACB as 100%.

0.0%	0.0% #C97E4C	RGB 201 126 76	#C97E4C
16.7%	16.7% #CF8C5E	RGB 207 140 94	#CF8C5E
33.3%	33.3% #D59A72	RGB 213 154 114	#D59A72
50.0%	50.0% #DCA987	RGB 220 169 135	#DCA987
66.7%	66.7% #E2B99C	RGB 226 185 156	#E2B99C
83.3%	83.3% #E8C9B3	RGB 232 201 179	#E8C9B3
100.0%	100.0% #EFDACB	RGB 239 218 203	#EFDACB

#C97E4C #CF8C5E #D59A72 #DCA987 #E2B99C #E8C9B3 #EFDACB

#C97E4C - #DCA987 - #EFDACB

CSS codes

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

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