#FF167C - #FFBCD9 | 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 #FF167C to #FFBCD9

#FF167C #FFBCD9

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

#FF167C - #FFBCD9 | 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 #FF167C as 0% and #FFBCD9 as 100%.

0.0%	0.0% #FF167C	RGB 255 22 124	#FF167C
16.7%	16.7% #FF318B	RGB 255 49 139	#FF318B
33.3%	33.3% #FF4D9B	RGB 255 77 155	#FF4D9B
50.0%	50.0% #FF69AA	RGB 255 105 170	#FF69AA
66.7%	66.7% #FF84BA	RGB 255 132 186	#FF84BA
83.3%	83.3% #FFA0C9	RGB 255 160 201	#FFA0C9
100.0%	100.0% #FFBCD9	RGB 255 188 217	#FFBCD9

#FF167C #FF318B #FF4D9B #FF69AA #FF84BA #FFA0C9 #FFBCD9

#FF167C - #FFBCD9

HSV Blend

#FF167C - #FFBCD9 | 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 #FF167C as 0% and #FFBCD9 as 100%.

0.0%	0.0% #FF157C	RGB 255 21 124	#FF157C
16.7%	16.7% #FF318B	RGB 255 49 139	#FF318B
33.3%	33.3% #FF4D9A	RGB 255 77 154	#FF4D9A
50.0%	50.0% #FF69AA	RGB 255 105 170	#FF69AA
66.7%	66.7% #FF84B9	RGB 255 132 185	#FF84B9
83.3%	83.3% #FFA0C9	RGB 255 160 201	#FFA0C9
100.0%	100.0% #FFBCD9	RGB 255 188 217	#FFBCD9

#FF157C #FF318B #FF4D9A #FF69AA #FF84B9 #FFA0C9 #FFBCD9

#FF167C - #FF69AA - #FFBCD9

CSS codes

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

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