#FF3F3E - #FFC8C7 | 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 #FF3F3E to #FFC8C7

#FF3F3E #FFC8C7

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

#FF3F3E - #FFC8C7 | 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 #FF3F3E as 0% and #FFC8C7 as 100%.

0.0%	0.0% #FF3F3E	RGB 255 63 62	#FF3F3E
16.7%	16.7% #FF5554	RGB 255 85 84	#FF5554
33.3%	33.3% #FF6C6B	RGB 255 108 107	#FF6C6B
50.0%	50.0% #FF8382	RGB 255 131 130	#FF8382
66.7%	66.7% #FF9A99	RGB 255 154 153	#FF9A99
83.3%	83.3% #FFB1B0	RGB 255 177 176	#FFB1B0
100.0%	100.0% #FFC8C7	RGB 255 200 199	#FFC8C7

#FF3F3E #FF5554 #FF6C6B #FF8382 #FF9A99 #FFB1B0 #FFC8C7

#FF3F3E - #FFC8C7

HSV Blend

#FF3F3E - #FFC8C7 | 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 #FF3F3E as 0% and #FFC8C7 as 100%.

0.0%	0.0% #FF3E3D	RGB 255 62 61	#FF3E3D
16.7%	16.7% #FF5654	RGB 255 86 84	#FF5654
33.3%	33.3% #FF6D6B	RGB 255 109 107	#FF6D6B
50.0%	50.0% #FF8382	RGB 255 131 130	#FF8382
66.7%	66.7% #FF9A99	RGB 255 154 153	#FF9A99
83.3%	83.3% #FFB1B0	RGB 255 177 176	#FFB1B0
100.0%	100.0% #FFC8C7	RGB 255 200 199	#FFC8C7

#FF3E3D #FF5654 #FF6D6B #FF8382 #FF9A99 #FFB1B0 #FFC8C7

#FF3F3E - #FF8382 - #FFC8C7

CSS codes

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

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