#FA8C92 - #C13246 | 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 #FA8C92 to #C13246

#FA8C92 #C13246

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

#FA8C92 - #C13246 | 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 #FA8C92 as 0% and #C13246 as 100%.

0.0%	0.0% #FA8C92	RGB 250 140 146	#FA8C92
16.7%	16.7% #F07D85	RGB 240 125 133	#F07D85
33.3%	33.3% #E76E78	RGB 231 110 120	#E76E78
50.0%	50.0% #DD5F6C	RGB 221 95 108	#DD5F6C
66.7%	66.7% #D4505F	RGB 212 80 95	#D4505F
83.3%	83.3% #CA4152	RGB 202 65 82	#CA4152
100.0%	100.0% #C13246	RGB 193 50 70	#C13246

#FA8C92 #F07D85 #E76E78 #DD5F6C #D4505F #CA4152 #C13246

#FA8C92 - #C13246

HSV Blend

#FA8C92 - #C13246 | 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 #FA8C92 as 0% and #C13246 as 100%.

0.0%	0.0% #FA8C92	RGB 250 140 146	#FA8C92
16.7%	16.7% #F07A82	RGB 240 122 130	#F07A82
33.3%	33.3% #E76A74	RGB 231 106 116	#E76A74
50.0%	50.0% #DD5A67	RGB 221 90 103	#DD5A67
66.7%	66.7% #D44C5B	RGB 212 76 91	#D44C5B
83.3%	83.3% #CA3E50	RGB 202 62 80	#CA3E50
100.0%	100.0% #C13246	RGB 193 50 70	#C13246

#FA8C92 #F07A82 #E76A74 #DD5A67 #D44C5B #CA3E50 #C13246

#FA8C92 - #DD5A67 - #C13246

CSS codes

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

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