#FFC0AB - #EC7051 | 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 #FFC0AB to #EC7051

#FFC0AB #EC7051

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

#FFC0AB - #EC7051 | 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 #FFC0AB as 0% and #EC7051 as 100%.

0.0%	0.0% #FFC0AB	RGB 255 192 171	#FFC0AB
16.7%	16.7% #FBB29C	RGB 251 178 156	#FBB29C
33.3%	33.3% #F8A58D	RGB 248 165 141	#F8A58D
50.0%	50.0% #F5987E	RGB 245 152 126	#F5987E
66.7%	66.7% #F28A6F	RGB 242 138 111	#F28A6F
83.3%	83.3% #EF7D60	RGB 239 125 96	#EF7D60
100.0%	100.0% #EC7051	RGB 236 112 81	#EC7051

#FFC0AB #FBB29C #F8A58D #F5987E #F28A6F #EF7D60 #EC7051

#FFC0AB - #EC7051

HSV Blend

#FFC0AB - #EC7051 | 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 #FFC0AB as 0% and #EC7051 as 100%.

0.0%	0.0% #FFC0AB	RGB 255 192 171	#FFC0AB
16.7%	16.7% #FBB29B	RGB 251 178 155	#FBB29B
33.3%	33.3% #F8A58B	RGB 248 165 139	#F8A58B
50.0%	50.0% #F5977C	RGB 245 151 124	#F5977C
66.7%	66.7% #F28A6D	RGB 242 138 109	#F28A6D
83.3%	83.3% #EF7D5F	RGB 239 125 95	#EF7D5F
100.0%	100.0% #EC7051	RGB 236 112 81	#EC7051

#FFC0AB #FBB29B #F8A58B #F5977C #F28A6D #EF7D5F #EC7051

#FFC0AB - #F5977C - #EC7051

CSS codes

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

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