#FF4197 - #FFBCB7 | 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 #FF4197 to #FFBCB7

#FF4197 #FFBCB7

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

#FF4197 - #FFBCB7 | 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 #FF4197 as 0% and #FFBCB7 as 100%.

0.0%	0.0% #FF4197	RGB 255 65 151	#FF4197
16.7%	16.7% #FF559C	RGB 255 85 156	#FF559C
33.3%	33.3% #FF6AA1	RGB 255 106 161	#FF6AA1
50.0%	50.0% #FF7EA7	RGB 255 126 167	#FF7EA7
66.7%	66.7% #FF93AC	RGB 255 147 172	#FF93AC
83.3%	83.3% #FFA7B1	RGB 255 167 177	#FFA7B1
100.0%	100.0% #FFBCB7	RGB 255 188 183	#FFBCB7

#FF4197 #FF559C #FF6AA1 #FF7EA7 #FF93AC #FFA7B1 #FFBCB7

#FF4197 - #FFBCB7

HSV Blend

#FF4197 - #FFBCB7 | 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 #FF4197 as 0% and #FFBCB7 as 100%.

0.0%	0.0% #FF4197	RGB 255 65 151	#FF4197
16.7%	16.7% #FF5492	RGB 255 84 146	#FF5492
33.3%	33.3% #FF6892	RGB 255 104 146	#FF6892
50.0%	50.0% #FF7C95	RGB 255 124 149	#FF7C95
66.7%	66.7% #FF8F9B	RGB 255 143 155	#FF8F9B
83.3%	83.3% #FFA3A4	RGB 255 163 164	#FFA3A4
100.0%	100.0% #FFBCB7	RGB 255 188 183	#FFBCB7

#FF4197 #FF5492 #FF6892 #FF7C95 #FF8F9B #FFA3A4 #FFBCB7

#FF4197 - #FF7C95 - #FFBCB7

CSS codes

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

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