#C8656D - #FFB480 | 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 #C8656D to #FFB480

#C8656D #FFB480

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

#C8656D - #FFB480 | 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 #C8656D as 0% and #FFB480 as 100%.

0.0%	0.0% #C8656D	RGB 200 101 109	#C8656D
16.7%	16.7% #D17270	RGB 209 114 112	#D17270
33.3%	33.3% #DA7F73	RGB 218 127 115	#DA7F73
50.0%	50.0% #E38C76	RGB 227 140 118	#E38C76
66.7%	66.7% #EC9979	RGB 236 153 121	#EC9979
83.3%	83.3% #F5A67C	RGB 245 166 124	#F5A67C
100.0%	100.0% #FFB480	RGB 255 180 128	#FFB480

#C8656D #D17270 #DA7F73 #E38C76 #EC9979 #F5A67C #FFB480

#C8656D - #FFB480

HSV Blend

#C8656D - #FFB480 | 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 #C8656D as 0% and #FFB480 as 100%.

0.0%	0.0% #C8656D	RGB 200 101 109	#C8656D
16.7%	16.7% #D16969	RGB 209 105 105	#D16969
33.3%	33.3% #DA766E	RGB 218 118 110	#DA766E
50.0%	50.0% #E38572	RGB 227 133 114	#E38572
66.7%	66.7% #EC9377	RGB 236 147 119	#EC9377
83.3%	83.3% #F5A37B	RGB 245 163 123	#F5A37B
100.0%	100.0% #FFB480	RGB 255 180 128	#FFB480

#C8656D #D16969 #DA766E #E38572 #EC9377 #F5A37B #FFB480

#C8656D - #E38572 - #FFB480

CSS codes

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

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