#C96295 - #FEBDB1 | 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 #C96295 to #FEBDB1

#C96295 #FEBDB1

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

#C96295 - #FEBDB1 | 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 #C96295 as 0% and #FEBDB1 as 100%.

0.0%	0.0% #C96295	RGB 201 98 149	#C96295
16.7%	16.7% #D17199	RGB 209 113 153	#D17199
33.3%	33.3% #DA809E	RGB 218 128 158	#DA809E
50.0%	50.0% #E38FA3	RGB 227 143 163	#E38FA3
66.7%	66.7% #EC9EA7	RGB 236 158 167	#EC9EA7
83.3%	83.3% #F5ADAC	RGB 245 173 172	#F5ADAC
100.0%	100.0% #FEBDB1	RGB 254 189 177	#FEBDB1

#C96295 #D17199 #DA809E #E38FA3 #EC9EA7 #F5ADAC #FEBDB1

#C96295 - #FEBDB1

HSV Blend

#C96295 - #FEBDB1 | 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 #C96295 as 0% and #FEBDB1 as 100%.

0.0%	0.0% #C96294	RGB 201 98 148	#C96294
16.7%	16.7% #D16D94	RGB 209 109 148	#D16D94
33.3%	33.3% #DA7994	RGB 218 121 148	#DA7994
50.0%	50.0% #E38696	RGB 227 134 150	#E38696
66.7%	66.7% #EC9499	RGB 236 148 153	#EC9499
83.3%	83.3% #F5A6A2	RGB 245 166 162	#F5A6A2
100.0%	100.0% #FEBDB1	RGB 254 189 177	#FEBDB1

#C96294 #D16D94 #DA7994 #E38696 #EC9499 #F5A6A2 #FEBDB1

#C96295 - #E38696 - #FEBDB1

CSS codes

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

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