#C75B5B - #FEAF78 | 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 #C75B5B to #FEAF78

#C75B5B #FEAF78

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

#C75B5B - #FEAF78 | 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 #C75B5B as 0% and #FEAF78 as 100%.

0.0%	0.0% #C75B5B	RGB 199 91 91	#C75B5B
16.7%	16.7% #D0695F	RGB 208 105 95	#D0695F
33.3%	33.3% #D97764	RGB 217 119 100	#D97764
50.0%	50.0% #E28569	RGB 226 133 105	#E28569
66.7%	66.7% #EB936E	RGB 235 147 110	#EB936E
83.3%	83.3% #F4A173	RGB 244 161 115	#F4A173
100.0%	100.0% #FEAF78	RGB 254 175 120	#FEAF78

#C75B5B #D0695F #D97764 #E28569 #EB936E #F4A173 #FEAF78

#C75B5B - #FEAF78

HSV Blend

#C75B5B - #FEAF78 | 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 #C75B5B as 0% and #FEAF78 as 100%.

0.0%	0.0% #C75B5B	RGB 199 91 91	#C75B5B
16.7%	16.7% #D0675F	RGB 208 103 95	#D0675F
33.3%	33.3% #D97464	RGB 217 116 100	#D97464
50.0%	50.0% #E28269	RGB 226 130 105	#E28269
66.7%	66.7% #EB906E	RGB 235 144 110	#EB906E
83.3%	83.3% #F49F73	RGB 244 159 115	#F49F73
100.0%	100.0% #FEAF78	RGB 254 175 120	#FEAF78

#C75B5B #D0675F #D97464 #E28269 #EB906E #F49F73 #FEAF78

#C75B5B - #E28269 - #FEAF78

CSS codes

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

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