#CC3E46 - #FF8D4D | 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 #CC3E46 to #FF8D4D

#CC3E46 #FF8D4D

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

#CC3E46 - #FF8D4D | 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 #CC3E46 as 0% and #FF8D4D as 100%.

0.0%	0.0% #CC3E46	RGB 204 62 70	#CC3E46
16.7%	16.7% #D44B47	RGB 212 75 71	#D44B47
33.3%	33.3% #DD5848	RGB 221 88 72	#DD5848
50.0%	50.0% #E56549	RGB 229 101 73	#E56549
66.7%	66.7% #EE724A	RGB 238 114 74	#EE724A
83.3%	83.3% #F67F4B	RGB 246 127 75	#F67F4B
100.0%	100.0% #FF8D4D	RGB 255 141 77	#FF8D4D

#CC3E46 #D44B47 #DD5848 #E56549 #EE724A #F67F4B #FF8D4D

#CC3E46 - #FF8D4D

HSV Blend

#CC3E46 - #FF8D4D | 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 #CC3E46 as 0% and #FF8D4D as 100%.

0.0%	0.0% #CC3E46	RGB 204 62 70	#CC3E46
16.7%	16.7% #D44240	RGB 212 66 64	#D44240
33.3%	33.3% #DD4F43	RGB 221 79 67	#DD4F43
50.0%	50.0% #E55D45	RGB 229 93 69	#E55D45
66.7%	66.7% #EE6C48	RGB 238 108 72	#EE6C48
83.3%	83.3% #F67C4A	RGB 246 124 74	#F67C4A
100.0%	100.0% #FF8D4D	RGB 255 141 77	#FF8D4D

#CC3E46 #D44240 #DD4F43 #E55D45 #EE6C48 #F67C4A #FF8D4D

#CC3E46 - #E55D45 - #FF8D4D

CSS codes

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

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