#BA3C7F - #FD979C | 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 #BA3C7F to #FD979C

#BA3C7F #FD979C

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

#BA3C7F - #FD979C | 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 #BA3C7F as 0% and #FD979C as 100%.

0.0%	0.0% #BA3C7F	RGB 186 60 127	#BA3C7F
16.7%	16.7% #C54B83	RGB 197 75 131	#C54B83
33.3%	33.3% #D05A88	RGB 208 90 136	#D05A88
50.0%	50.0% #DB698D	RGB 219 105 141	#DB698D
66.7%	66.7% #E67892	RGB 230 120 146	#E67892
83.3%	83.3% #F18797	RGB 241 135 151	#F18797
100.0%	100.0% #FD979C	RGB 253 151 156	#FD979C

#BA3C7F #C54B83 #D05A88 #DB698D #E67892 #F18797 #FD979C

#BA3C7F - #FD979C

HSV Blend

#BA3C7F - #FD979C | 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 #BA3C7F as 0% and #FD979C as 100%.

0.0%	0.0% #BA3C7F	RGB 186 60 127	#BA3C7F
16.7%	16.7% #C54880	RGB 197 72 128	#C54880
33.3%	33.3% #D05683	RGB 208 86 131	#D05683
50.0%	50.0% #DB6487	RGB 219 100 135	#DB6487
66.7%	66.7% #E6748C	RGB 230 116 140	#E6748C
83.3%	83.3% #F18593	RGB 241 133 147	#F18593
100.0%	100.0% #FD979C	RGB 253 151 156	#FD979C

#BA3C7F #C54880 #D05683 #DB6487 #E6748C #F18593 #FD979C

#BA3C7F - #DB6487 - #FD979C

CSS codes

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

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