#FF541D - #FFCDBE | 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 #FF541D to #FFCDBE

#FF541D #FFCDBE

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

#FF541D - #FFCDBE | 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 #FF541D as 0% and #FFCDBE as 100%.

0.0%	0.0% #FF541D	RGB 255 84 29	#FF541D
16.7%	16.7% #FF6837	RGB 255 104 55	#FF6837
33.3%	33.3% #FF7C52	RGB 255 124 82	#FF7C52
50.0%	50.0% #FF906D	RGB 255 144 109	#FF906D
66.7%	66.7% #FFA488	RGB 255 164 136	#FFA488
83.3%	83.3% #FFB8A3	RGB 255 184 163	#FFB8A3
100.0%	100.0% #FFCDBE	RGB 255 205 190	#FFCDBE

#FF541D #FF6837 #FF7C52 #FF906D #FFA488 #FFB8A3 #FFCDBE

#FF541D - #FFCDBE

HSV Blend

#FF541D - #FFCDBE | 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 #FF541D as 0% and #FFCDBE as 100%.

0.0%	0.0% #FF541C	RGB 255 84 28	#FF541C
16.7%	16.7% #FF6737	RGB 255 103 55	#FF6737
33.3%	33.3% #FF7B52	RGB 255 123 82	#FF7B52
50.0%	50.0% #FF8F6D	RGB 255 143 109	#FF8F6D
66.7%	66.7% #FFA488	RGB 255 164 136	#FFA488
83.3%	83.3% #FFB8A3	RGB 255 184 163	#FFB8A3
100.0%	100.0% #FFCDBE	RGB 255 205 190	#FFCDBE

#FF541C #FF6737 #FF7B52 #FF8F6D #FFA488 #FFB8A3 #FFCDBE

#FF541D - #FF8F6D - #FFCDBE

CSS codes

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

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