#C97A2D - #EFD9C3 | 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 #C97A2D to #EFD9C3

#C97A2D #EFD9C3

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

#C97A2D - #EFD9C3 | 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 #C97A2D as 0% and #EFD9C3 as 100%.

0.0%	0.0% #C97A2D	RGB 201 122 45	#C97A2D
16.7%	16.7% #CF8946	RGB 207 137 70	#CF8946
33.3%	33.3% #D5995F	RGB 213 153 95	#D5995F
50.0%	50.0% #DCA978	RGB 220 169 120	#DCA978
66.7%	66.7% #E2B991	RGB 226 185 145	#E2B991
83.3%	83.3% #E8C9AA	RGB 232 201 170	#E8C9AA
100.0%	100.0% #EFD9C3	RGB 239 217 195	#EFD9C3

#C97A2D #CF8946 #D5995F #DCA978 #E2B991 #E8C9AA #EFD9C3

#C97A2D - #EFD9C3

HSV Blend

#C97A2D - #EFD9C3 | 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 #C97A2D as 0% and #EFD9C3 as 100%.

0.0%	0.0% #C97A2D	RGB 201 122 45	#C97A2D
16.7%	16.7% #CF8842	RGB 207 136 66	#CF8842
33.3%	33.3% #D5975A	RGB 213 151 90	#D5975A
50.0%	50.0% #DCA672	RGB 220 166 114	#DCA672
66.7%	66.7% #E2B68C	RGB 226 182 140	#E2B68C
83.3%	83.3% #E8C7A6	RGB 232 199 166	#E8C7A6
100.0%	100.0% #EFD9C3	RGB 239 217 195	#EFD9C3

#C97A2D #CF8842 #D5975A #DCA672 #E2B68C #E8C7A6 #EFD9C3

#C97A2D - #DCA672 - #EFD9C3

CSS codes

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

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