#C1741C - #FFE41E | 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 #C1741C to #FFE41E

#C1741C #FFE41E

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

#C1741C - #FFE41E | 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 #C1741C as 0% and #FFE41E as 100%.

0.0%	0.0% #C1741C	RGB 193 116 28	#C1741C
16.7%	16.7% #CB861C	RGB 203 134 28	#CB861C
33.3%	33.3% #D5991C	RGB 213 153 28	#D5991C
50.0%	50.0% #E0AC1D	RGB 224 172 29	#E0AC1D
66.7%	66.7% #EABE1D	RGB 234 190 29	#EABE1D
83.3%	83.3% #F4D11D	RGB 244 209 29	#F4D11D
100.0%	100.0% #FFE41E	RGB 255 228 30	#FFE41E

#C1741C #CB861C #D5991C #E0AC1D #EABE1D #F4D11D #FFE41E

#C1741C - #FFE41E

HSV Blend

#C1741C - #FFE41E | 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 #C1741C as 0% and #FFE41E as 100%.

0.0%	0.0% #C1741C	RGB 193 116 28	#C1741C
16.7%	16.7% #CB831C	RGB 203 131 28	#CB831C
33.3%	33.3% #D5941D	RGB 213 148 29	#D5941D
50.0%	50.0% #E0A61D	RGB 224 166 29	#E0A61D
66.7%	66.7% #EABA1D	RGB 234 186 29	#EABA1D
83.3%	83.3% #F4CE1D	RGB 244 206 29	#F4CE1D
100.0%	100.0% #FFE41E	RGB 255 228 30	#FFE41E

#C1741C #CB831C #D5941D #E0A61D #EABA1D #F4CE1D #FFE41E

#C1741C - #E0A61D - #FFE41E

CSS codes

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

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