#C9726B - #FEC28B | 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 #C9726B to #FEC28B

#C9726B #FEC28B

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

#C9726B - #FEC28B | 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 #C9726B as 0% and #FEC28B as 100%.

0.0%	0.0% #C9726B	RGB 201 114 107	#C9726B
16.7%	16.7% #D17F70	RGB 209 127 112	#D17F70
33.3%	33.3% #DA8C75	RGB 218 140 117	#DA8C75
50.0%	50.0% #E39A7B	RGB 227 154 123	#E39A7B
66.7%	66.7% #ECA780	RGB 236 167 128	#ECA780
83.3%	83.3% #F5B485	RGB 245 180 133	#F5B485
100.0%	100.0% #FEC28B	RGB 254 194 139	#FEC28B

#C9726B #D17F70 #DA8C75 #E39A7B #ECA780 #F5B485 #FEC28B

#C9726B - #FEC28B

HSV Blend

#C9726B - #FEC28B | 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 #C9726B as 0% and #FEC28B as 100%.

0.0%	0.0% #C9726B	RGB 201 114 107	#C9726B
16.7%	16.7% #D17E70	RGB 209 126 112	#D17E70
33.3%	33.3% #DA8A75	RGB 218 138 117	#DA8A75
50.0%	50.0% #E3977A	RGB 227 151 122	#E3977A
66.7%	66.7% #ECA580	RGB 236 165 128	#ECA580
83.3%	83.3% #F5B385	RGB 245 179 133	#F5B385
100.0%	100.0% #FEC28B	RGB 254 194 139	#FEC28B

#C9726B #D17E70 #DA8A75 #E3977A #ECA580 #F5B385 #FEC28B

#C9726B - #E3977A - #FEC28B

CSS codes

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

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