#BA5E79 - #B9AFE0 | 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 #BA5E79 to #B9AFE0

#BA5E79 #B9AFE0

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

#BA5E79 - #B9AFE0 | 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 #BA5E79 as 0% and #B9AFE0 as 100%.

0.0%	0.0% #BA5E79	RGB 186 94 121	#BA5E79
16.7%	16.7% #B96B8A	RGB 185 107 138	#B96B8A
33.3%	33.3% #B9799B	RGB 185 121 155	#B9799B
50.0%	50.0% #B986AC	RGB 185 134 172	#B986AC
66.7%	66.7% #B994BD	RGB 185 148 189	#B994BD
83.3%	83.3% #B9A1CE	RGB 185 161 206	#B9A1CE
100.0%	100.0% #B9AFE0	RGB 185 175 224	#B9AFE0

#BA5E79 #B96B8A #B9799B #B986AC #B994BD #B9A1CE #B9AFE0

#BA5E79 - #B9AFE0

HSV Blend

#BA5E79 - #B9AFE0 | 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 #BA5E79 as 0% and #B9AFE0 as 100%.

0.0%	0.0% #BA5E79	RGB 186 94 121	#BA5E79
16.7%	16.7% #C06A98	RGB 192 106 152	#C06A98
33.3%	33.3% #C676B6	RGB 198 118 182	#C676B6
50.0%	50.0% #C983CD	RGB 201 131 205	#C983CD
66.7%	66.7% #BF91D3	RGB 191 145 211	#BF91D3
83.3%	83.3% #BAA0D9	RGB 186 160 217	#BAA0D9
100.0%	100.0% #B9AFE0	RGB 185 175 224	#B9AFE0

#BA5E79 #C06A98 #C676B6 #C983CD #BF91D3 #BAA0D9 #B9AFE0

#BA5E79 - #C983CD - #B9AFE0

CSS codes

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

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