#CA3E47 - #FF8C4F | 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 #CA3E47 to #FF8C4F

#CA3E47 #FF8C4F

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

#CA3E47 - #FF8C4F | 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 #CA3E47 as 0% and #FF8C4F as 100%.

0.0%	0.0% #CA3E47	RGB 202 62 71	#CA3E47
16.7%	16.7% #D24B48	RGB 210 75 72	#D24B48
33.3%	33.3% #DB5849	RGB 219 88 73	#DB5849
50.0%	50.0% #E4654B	RGB 228 101 75	#E4654B
66.7%	66.7% #ED724C	RGB 237 114 76	#ED724C
83.3%	83.3% #F67F4D	RGB 246 127 77	#F67F4D
100.0%	100.0% #FF8C4F	RGB 255 140 79	#FF8C4F

#CA3E47 #D24B48 #DB5849 #E4654B #ED724C #F67F4D #FF8C4F

#CA3E47 - #FF8C4F

HSV Blend

#CA3E47 - #FF8C4F | 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 #CA3E47 as 0% and #FF8C4F as 100%.

0.0%	0.0% #CA3E47	RGB 202 62 71	#CA3E47
16.7%	16.7% #D24140	RGB 210 65 64	#D24140
33.3%	33.3% #DB4E43	RGB 219 78 67	#DB4E43
50.0%	50.0% #E45C46	RGB 228 92 70	#E45C46
66.7%	66.7% #ED6B49	RGB 237 107 73	#ED6B49
83.3%	83.3% #F67B4C	RGB 246 123 76	#F67B4C
100.0%	100.0% #FF8C4F	RGB 255 140 79	#FF8C4F

#CA3E47 #D24140 #DB4E43 #E45C46 #ED6B49 #F67B4C #FF8C4F

#CA3E47 - #E45C46 - #FF8C4F

CSS codes

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

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