#CB2E2D - #FE6F40 | 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 #CB2E2D to #FE6F40

#CB2E2D #FE6F40

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

#CB2E2D - #FE6F40 | 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 #CB2E2D as 0% and #FE6F40 as 100%.

0.0%	0.0% #CB2E2D	RGB 203 46 45	#CB2E2D
16.7%	16.7% #D33830	RGB 211 56 48	#D33830
33.3%	33.3% #DC4333	RGB 220 67 51	#DC4333
50.0%	50.0% #E44E36	RGB 228 78 54	#E44E36
66.7%	66.7% #ED5939	RGB 237 89 57	#ED5939
83.3%	83.3% #F5643C	RGB 245 100 60	#F5643C
100.0%	100.0% #FE6F40	RGB 254 111 64	#FE6F40

#CB2E2D #D33830 #DC4333 #E44E36 #ED5939 #F5643C #FE6F40

#CB2E2D - #FE6F40

HSV Blend

#CB2E2D - #FE6F40 | 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 #CB2E2D as 0% and #FE6F40 as 100%.

0.0%	0.0% #CB2E2D	RGB 203 46 45	#CB2E2D
16.7%	16.7% #D3372F	RGB 211 55 47	#D3372F
33.3%	33.3% #DC4132	RGB 220 65 50	#DC4132
50.0%	50.0% #E44C36	RGB 228 76 54	#E44C36
66.7%	66.7% #ED5739	RGB 237 87 57	#ED5739
83.3%	83.3% #F5623C	RGB 245 98 60	#F5623C
100.0%	100.0% #FE6F40	RGB 254 111 64	#FE6F40

#CB2E2D #D3372F #DC4132 #E44C36 #ED5739 #F5623C #FE6F40

#CB2E2D - #E44C36 - #FE6F40

CSS codes

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

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