#B0599B - #F6B4BD | 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 #B0599B to #F6B4BD

#B0599B #F6B4BD

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

#B0599B - #F6B4BD | 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 #B0599B as 0% and #F6B4BD as 100%.

0.0%	0.0% #B0599B	RGB 176 89 155	#B0599B
16.7%	16.7% #BB68A0	RGB 187 104 160	#BB68A0
33.3%	33.3% #C777A6	RGB 199 119 166	#C777A6
50.0%	50.0% #D386AC	RGB 211 134 172	#D386AC
66.7%	66.7% #DE95B1	RGB 222 149 177	#DE95B1
83.3%	83.3% #EAA4B7	RGB 234 164 183	#EAA4B7
100.0%	100.0% #F6B4BD	RGB 246 180 189	#F6B4BD

#B0599B #BB68A0 #C777A6 #D386AC #DE95B1 #EAA4B7 #F6B4BD

#B0599B - #F6B4BD

HSV Blend

#B0599B - #F6B4BD | 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 #B0599B as 0% and #F6B4BD as 100%.

0.0%	0.0% #B0599A	RGB 176 89 154	#B0599A
16.7%	16.7% #BB659E	RGB 187 101 158	#BB659E
33.3%	33.3% #C773A1	RGB 199 115 161	#C773A1
50.0%	50.0% #D382A6	RGB 211 130 166	#D382A6
66.7%	66.7% #DE92AC	RGB 222 146 172	#DE92AC
83.3%	83.3% #EAA2B3	RGB 234 162 179	#EAA2B3
100.0%	100.0% #F6B4BD	RGB 246 180 189	#F6B4BD

#B0599A #BB659E #C773A1 #D382A6 #DE92AC #EAA2B3 #F6B4BD

#B0599B - #D382A6 - #F6B4BD

CSS codes

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

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