#FF8C60 - #FFD6C0 | 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 #FF8C60 to #FFD6C0

#FF8C60 #FFD6C0

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

#FF8C60 - #FFD6C0 | 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 #FF8C60 as 0% and #FFD6C0 as 100%.

0.0%	0.0% #FF8C60	RGB 255 140 96	#FF8C60
16.7%	16.7% #FF9870	RGB 255 152 112	#FF9870
33.3%	33.3% #FFA480	RGB 255 164 128	#FFA480
50.0%	50.0% #FFB190	RGB 255 177 144	#FFB190
66.7%	66.7% #FFBDA0	RGB 255 189 160	#FFBDA0
83.3%	83.3% #FFC9B0	RGB 255 201 176	#FFC9B0
100.0%	100.0% #FFD6C0	RGB 255 214 192	#FFD6C0

#FF8C60 #FF9870 #FFA480 #FFB190 #FFBDA0 #FFC9B0 #FFD6C0

#FF8C60 - #FFD6C0

HSV Blend

#FF8C60 - #FFD6C0 | 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 #FF8C60 as 0% and #FFD6C0 as 100%.

0.0%	0.0% #FF8C60	RGB 255 140 96	#FF8C60
16.7%	16.7% #FF9970	RGB 255 153 112	#FF9970
33.3%	33.3% #FFA680	RGB 255 166 128	#FFA680
50.0%	50.0% #FFB290	RGB 255 178 144	#FFB290
66.7%	66.7% #FFBEA0	RGB 255 190 160	#FFBEA0
83.3%	83.3% #FFCAB0	RGB 255 202 176	#FFCAB0
100.0%	100.0% #FFD6C0	RGB 255 214 192	#FFD6C0

#FF8C60 #FF9970 #FFA680 #FFB290 #FFBEA0 #FFCAB0 #FFD6C0

#FF8C60 - #FFB290 - #FFD6C0

CSS codes

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

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