#B2364C - #FD8159 | 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 #B2364C to #FD8159

#B2364C #FD8159

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

#B2364C - #FD8159 | 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 #B2364C as 0% and #FD8159 as 100%.

0.0%	0.0% #B2364C	RGB 178 54 76	#B2364C
16.7%	16.7% #BE424E	RGB 190 66 78	#BE424E
33.3%	33.3% #CB4F50	RGB 203 79 80	#CB4F50
50.0%	50.0% #D75B52	RGB 215 91 82	#D75B52
66.7%	66.7% #E46854	RGB 228 104 84	#E46854
83.3%	83.3% #F07456	RGB 240 116 86	#F07456
100.0%	100.0% #FD8159	RGB 253 129 89	#FD8159

#B2364C #BE424E #CB4F50 #D75B52 #E46854 #F07456 #FD8159

#B2364C - #FD8159

HSV Blend

#B2364C - #FD8159 | 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 #B2364C as 0% and #FD8159 as 100%.

0.0%	0.0% #B2364B	RGB 178 54 75	#B2364B
16.7%	16.7% #BE3B49	RGB 190 59 73	#BE3B49
33.3%	33.3% #CB4045	RGB 203 64 69	#CB4045
50.0%	50.0% #D74B46	RGB 215 75 70	#D74B46
66.7%	66.7% #E45C4C	RGB 228 92 76	#E45C4C
83.3%	83.3% #F06E52	RGB 240 110 82	#F06E52
100.0%	100.0% #FD8159	RGB 253 129 89	#FD8159

#B2364B #BE3B49 #CB4045 #D74B46 #E45C4C #F06E52 #FD8159

#B2364C - #D74B46 - #FD8159

CSS codes

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

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