#FF4D14 - #FFCCBC | 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 #FF4D14 to #FFCCBC

#FF4D14 #FFCCBC

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

#FF4D14 - #FFCCBC | 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 #FF4D14 as 0% and #FFCCBC as 100%.

0.0%	0.0% #FF4D14	RGB 255 77 20	#FF4D14
16.7%	16.7% #FF6230	RGB 255 98 48	#FF6230
33.3%	33.3% #FF774C	RGB 255 119 76	#FF774C
50.0%	50.0% #FF8C68	RGB 255 140 104	#FF8C68
66.7%	66.7% #FFA184	RGB 255 161 132	#FFA184
83.3%	83.3% #FFB6A0	RGB 255 182 160	#FFB6A0
100.0%	100.0% #FFCCBC	RGB 255 204 188	#FFCCBC

#FF4D14 #FF6230 #FF774C #FF8C68 #FFA184 #FFB6A0 #FFCCBC

#FF4D14 - #FFCCBC

HSV Blend

#FF4D14 - #FFCCBC | 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 #FF4D14 as 0% and #FFCCBC as 100%.

0.0%	0.0% #FF4D13	RGB 255 77 19	#FF4D13
16.7%	16.7% #FF622F	RGB 255 98 47	#FF622F
33.3%	33.3% #FF774B	RGB 255 119 75	#FF774B
50.0%	50.0% #FF8C67	RGB 255 140 103	#FF8C67
66.7%	66.7% #FFA184	RGB 255 161 132	#FFA184
83.3%	83.3% #FFB69F	RGB 255 182 159	#FFB69F
100.0%	100.0% #FFCCBC	RGB 255 204 188	#FFCCBC

#FF4D13 #FF622F #FF774B #FF8C67 #FFA184 #FFB69F #FFCCBC

#FF4D14 - #FF8C67 - #FFCCBC

CSS codes

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

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