#B69ABC - #FFB8D5 | 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 #B69ABC to #FFB8D5

#B69ABC #FFB8D5

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

#B69ABC - #FFB8D5 | 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 #B69ABC as 0% and #FFB8D5 as 100%.

0.0%	0.0% #B69ABC	RGB 182 154 188	#B69ABC
16.7%	16.7% #C29FC0	RGB 194 159 192	#C29FC0
33.3%	33.3% #CEA4C4	RGB 206 164 196	#CEA4C4
50.0%	50.0% #DAA9C8	RGB 218 169 200	#DAA9C8
66.7%	66.7% #E6AECC	RGB 230 174 204	#E6AECC
83.3%	83.3% #F2B3D0	RGB 242 179 208	#F2B3D0
100.0%	100.0% #FFB8D5	RGB 255 184 213	#FFB8D5

#B69ABC #C29FC0 #CEA4C4 #DAA9C8 #E6AECC #F2B3D0 #FFB8D5

#B69ABC - #FFB8D5

HSV Blend

#B69ABC - #FFB8D5 | 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 #B69ABC as 0% and #FFB8D5 as 100%.

0.0%	0.0% #B69ABC	RGB 182 154 188	#B69ABC
16.7%	16.7% #C59FC7	RGB 197 159 199	#C59FC7
33.3%	33.3% #D2A5CE	RGB 210 165 206	#D2A5CE
50.0%	50.0% #DDAAD2	RGB 221 170 210	#DDAAD2
66.7%	66.7% #E8AFD5	RGB 232 175 213	#E8AFD5
83.3%	83.3% #F3B3D6	RGB 243 179 214	#F3B3D6
100.0%	100.0% #FFB8D5	RGB 255 184 213	#FFB8D5

#B69ABC #C59FC7 #D2A5CE #DDAAD2 #E8AFD5 #F3B3D6 #FFB8D5

#B69ABC - #DDAAD2 - #FFB8D5

CSS codes

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

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