#B5408B - #F99DAC | 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 #B5408B to #F99DAC

#B5408B #F99DAC

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

#B5408B - #F99DAC | 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 #B5408B as 0% and #F99DAC as 100%.

0.0%	0.0% #B5408B	RGB 181 64 139	#B5408B
16.7%	16.7% #C04F90	RGB 192 79 144	#C04F90
33.3%	33.3% #CB5F96	RGB 203 95 150	#CB5F96
50.0%	50.0% #D76E9B	RGB 215 110 155	#D76E9B
66.7%	66.7% #E27EA1	RGB 226 126 161	#E27EA1
83.3%	83.3% #ED8DA6	RGB 237 141 166	#ED8DA6
100.0%	100.0% #F99DAC	RGB 249 157 172	#F99DAC

#B5408B #C04F90 #CB5F96 #D76E9B #E27EA1 #ED8DA6 #F99DAC

#B5408B - #F99DAC

HSV Blend

#B5408B - #F99DAC | 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 #B5408B as 0% and #F99DAC as 100%.

0.0%	0.0% #B53F8B	RGB 181 63 139	#B53F8B
16.7%	16.7% #C04C8D	RGB 192 76 141	#C04C8D
33.3%	33.3% #CB5A91	RGB 203 90 145	#CB5A91
50.0%	50.0% #D76995	RGB 215 105 149	#D76995
66.7%	66.7% #E2799B	RGB 226 121 155	#E2799B
83.3%	83.3% #ED8AA2	RGB 237 138 162	#ED8AA2
100.0%	100.0% #F99DAC	RGB 249 157 172	#F99DAC

#B53F8B #C04C8D #CB5A91 #D76995 #E2799B #ED8AA2 #F99DAC

#B5408B - #D76995 - #F99DAC

CSS codes

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

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