#B5AED2 - #6D4C8D | 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 #B5AED2 to #6D4C8D

#B5AED2 #6D4C8D

Calculate the color between two colors, #B5AED2 and #6D4C8D. 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)

#B5AED2 - #6D4C8D | 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 #B5AED2 as 0% and #6D4C8D as 100%.

0.0%	0.0% #B5AED2	RGB 181 174 210	#B5AED2
16.7%	16.7% #A99DC6	RGB 169 157 198	#A99DC6
33.3%	33.3% #9D8DBB	RGB 157 141 187	#9D8DBB
50.0%	50.0% #917DAF	RGB 145 125 175	#917DAF
66.7%	66.7% #856CA4	RGB 133 108 164	#856CA4
83.3%	83.3% #795C98	RGB 121 92 152	#795C98
100.0%	100.0% #6D4C8D	RGB 109 76 141	#6D4C8D

#B5AED2 #A99DC6 #9D8DBB #917DAF #856CA4 #795C98 #6D4C8D

#B5AED2 - #6D4C8D

HSV Blend

#B5AED2 - #6D4C8D | 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 #B5AED2 as 0% and #6D4C8D as 100%.

0.0%	0.0% #B5AED2	RGB 181 174 210	#B5AED2
16.7%	16.7% #A59AC6	RGB 165 154 198	#A59AC6
33.3%	33.3% #9788BB	RGB 151 136 187	#9788BB
50.0%	50.0% #8B78AF	RGB 139 120 175	#8B78AF
66.7%	66.7% #8068A4	RGB 128 104 164	#8068A4
83.3%	83.3% #765998	RGB 118 89 152	#765998
100.0%	100.0% #6D4C8D	RGB 109 76 141	#6D4C8D

#B5AED2 #A59AC6 #9788BB #8B78AF #8068A4 #765998 #6D4C8D

#B5AED2 - #8B78AF - #6D4C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AED2 0%, #8B78AF 50%, #6D4C8D 100%);
    background: -webkit-linear-gradient(top, #B5AED2 0%, #8B78AF 50%, #6D4C8D 100%);
    background: linear-gradient(to bottom, #B5AED2 0%, #8B78AF 50%, #6D4C8D 100%);
}
</style>