#FF4C2D - #FFCBC3 | 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 #FF4C2D to #FFCBC3

#FF4C2D #FFCBC3

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

#FF4C2D - #FFCBC3 | 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 #FF4C2D as 0% and #FFCBC3 as 100%.

0.0%	0.0% #FF4C2D	RGB 255 76 45	#FF4C2D
16.7%	16.7% #FF6146	RGB 255 97 70	#FF6146
33.3%	33.3% #FF765F	RGB 255 118 95	#FF765F
50.0%	50.0% #FF8B78	RGB 255 139 120	#FF8B78
66.7%	66.7% #FFA091	RGB 255 160 145	#FFA091
83.3%	83.3% #FFB5AA	RGB 255 181 170	#FFB5AA
100.0%	100.0% #FFCBC3	RGB 255 203 195	#FFCBC3

#FF4C2D #FF6146 #FF765F #FF8B78 #FFA091 #FFB5AA #FFCBC3

#FF4C2D - #FFCBC3

HSV Blend

#FF4C2D - #FFCBC3 | 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 #FF4C2D as 0% and #FFCBC3 as 100%.

0.0%	0.0% #FF4C2C	RGB 255 76 44	#FF4C2C
16.7%	16.7% #FF6045	RGB 255 96 69	#FF6045
33.3%	33.3% #FF755F	RGB 255 117 95	#FF755F
50.0%	50.0% #FF8A78	RGB 255 138 120	#FF8A78
66.7%	66.7% #FFA091	RGB 255 160 145	#FFA091
83.3%	83.3% #FFB5AA	RGB 255 181 170	#FFB5AA
100.0%	100.0% #FFCBC3	RGB 255 203 195	#FFCBC3

#FF4C2C #FF6045 #FF755F #FF8A78 #FFA091 #FFB5AA #FFCBC3

#FF4C2D - #FF8A78 - #FFCBC3

CSS codes

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

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