#BA3E72 - #FE958A | 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 #BA3E72 to #FE958A

#BA3E72 #FE958A

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

#BA3E72 - #FE958A | 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 #BA3E72 as 0% and #FE958A as 100%.

0.0%	0.0% #BA3E72	RGB 186 62 114	#BA3E72
16.7%	16.7% #C54C76	RGB 197 76 118	#C54C76
33.3%	33.3% #D05B7A	RGB 208 91 122	#D05B7A
50.0%	50.0% #DC697E	RGB 220 105 126	#DC697E
66.7%	66.7% #E77882	RGB 231 120 130	#E77882
83.3%	83.3% #F28686	RGB 242 134 134	#F28686
100.0%	100.0% #FE958A	RGB 254 149 138	#FE958A

#BA3E72 #C54C76 #D05B7A #DC697E #E77882 #F28686 #FE958A

#BA3E72 - #FE958A

HSV Blend

#BA3E72 - #FE958A | 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 #BA3E72 as 0% and #FE958A as 100%.

0.0%	0.0% #BA3E72	RGB 186 62 114	#BA3E72
16.7%	16.7% #C54872	RGB 197 72 114	#C54872
33.3%	33.3% #D05473	RGB 208 84 115	#D05473
50.0%	50.0% #DC6074	RGB 220 96 116	#DC6074
66.7%	66.7% #E76D76	RGB 231 109 118	#E76D76
83.3%	83.3% #F27C7B	RGB 242 124 123	#F27C7B
100.0%	100.0% #FE958A	RGB 254 149 138	#FE958A

#BA3E72 #C54872 #D05473 #DC6074 #E76D76 #F27C7B #FE958A

#BA3E72 - #DC6074 - #FE958A

CSS codes

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

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