#CB3E46 - #FF8C4D | 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 #CB3E46 to #FF8C4D

#CB3E46 #FF8C4D

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

#CB3E46 - #FF8C4D | 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 #CB3E46 as 0% and #FF8C4D as 100%.

0.0%	0.0% #CB3E46	RGB 203 62 70	#CB3E46
16.7%	16.7% #D34B47	RGB 211 75 71	#D34B47
33.3%	33.3% #DC5848	RGB 220 88 72	#DC5848
50.0%	50.0% #E56549	RGB 229 101 73	#E56549
66.7%	66.7% #ED724A	RGB 237 114 74	#ED724A
83.3%	83.3% #F67F4B	RGB 246 127 75	#F67F4B
100.0%	100.0% #FF8C4D	RGB 255 140 77	#FF8C4D

#CB3E46 #D34B47 #DC5848 #E56549 #ED724A #F67F4B #FF8C4D

#CB3E46 - #FF8C4D

HSV Blend

#CB3E46 - #FF8C4D | 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 #CB3E46 as 0% and #FF8C4D as 100%.

0.0%	0.0% #CB3E46	RGB 203 62 70	#CB3E46
16.7%	16.7% #D34240	RGB 211 66 64	#D34240
33.3%	33.3% #DC4F43	RGB 220 79 67	#DC4F43
50.0%	50.0% #E55D45	RGB 229 93 69	#E55D45
66.7%	66.7% #ED6B48	RGB 237 107 72	#ED6B48
83.3%	83.3% #F67B4A	RGB 246 123 74	#F67B4A
100.0%	100.0% #FF8C4D	RGB 255 140 77	#FF8C4D

#CB3E46 #D34240 #DC4F43 #E55D45 #ED6B48 #F67B4A #FF8C4D

#CB3E46 - #E55D45 - #FF8C4D

CSS codes

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

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