#C38E6B - #37281E | 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 #C38E6B to #37281E

#C38E6B #37281E

Calculate the color between two colors, #C38E6B and #37281E. 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)

#C38E6B - #37281E | 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 #C38E6B as 0% and #37281E as 100%.

0.0%	0.0% #C38E6B	RGB 195 142 107	#C38E6B
16.7%	16.7% #AB7D5E	RGB 171 125 94	#AB7D5E
33.3%	33.3% #946C51	RGB 148 108 81	#946C51
50.0%	50.0% #7D5B44	RGB 125 91 68	#7D5B44
66.7%	66.7% #654A37	RGB 101 74 55	#654A37
83.3%	83.3% #4E392A	RGB 78 57 42	#4E392A
100.0%	100.0% #37281E	RGB 55 40 30	#37281E

#C38E6B #AB7D5E #946C51 #7D5B44 #654A37 #4E392A #37281E

#C38E6B - #37281E

HSV Blend

#C38E6B - #37281E | 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 #C38E6B as 0% and #37281E as 100%.

0.0%	0.0% #C38E6B	RGB 195 142 107	#C38E6B
16.7%	16.7% #AB7C5E	RGB 171 124 94	#AB7C5E
33.3%	33.3% #946B51	RGB 148 107 81	#946B51
50.0%	50.0% #7D5A44	RGB 125 90 68	#7D5A44
66.7%	66.7% #654937	RGB 101 73 55	#654937
83.3%	83.3% #4E382A	RGB 78 56 42	#4E382A
100.0%	100.0% #37281E	RGB 55 40 30	#37281E

#C38E6B #AB7C5E #946B51 #7D5A44 #654937 #4E382A #37281E

#C38E6B - #7D5A44 - #37281E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C38E6B 0%, #7D5A44 50%, #37281E 100%);
    background: -webkit-linear-gradient(top, #C38E6B 0%, #7D5A44 50%, #37281E 100%);
    background: linear-gradient(to bottom, #C38E6B 0%, #7D5A44 50%, #37281E 100%);
}
</style>