#C15D3E - #FFBF4D | 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 #C15D3E to #FFBF4D

#C15D3E #FFBF4D

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

#C15D3E - #FFBF4D | 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 #C15D3E as 0% and #FFBF4D as 100%.

0.0%	0.0% #C15D3E	RGB 193 93 62	#C15D3E
16.7%	16.7% #CB6D40	RGB 203 109 64	#CB6D40
33.3%	33.3% #D57D43	RGB 213 125 67	#D57D43
50.0%	50.0% #E08E45	RGB 224 142 69	#E08E45
66.7%	66.7% #EA9E48	RGB 234 158 72	#EA9E48
83.3%	83.3% #F4AE4A	RGB 244 174 74	#F4AE4A
100.0%	100.0% #FFBF4D	RGB 255 191 77	#FFBF4D

#C15D3E #CB6D40 #D57D43 #E08E45 #EA9E48 #F4AE4A #FFBF4D

#C15D3E - #FFBF4D

HSV Blend

#C15D3E - #FFBF4D | 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 #C15D3E as 0% and #FFBF4D as 100%.

0.0%	0.0% #C15D3E	RGB 193 93 62	#C15D3E
16.7%	16.7% #CB6A40	RGB 203 106 64	#CB6A40
33.3%	33.3% #D57943	RGB 213 121 67	#D57943
50.0%	50.0% #E08945	RGB 224 137 69	#E08945
66.7%	66.7% #EA9A48	RGB 234 154 72	#EA9A48
83.3%	83.3% #F4AC4A	RGB 244 172 74	#F4AC4A
100.0%	100.0% #FFBF4D	RGB 255 191 77	#FFBF4D

#C15D3E #CB6A40 #D57943 #E08945 #EA9A48 #F4AC4A #FFBF4D

#C15D3E - #E08945 - #FFBF4D

CSS codes

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

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