#BFABFF - #363048 | 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 #BFABFF to #363048

#BFABFF #363048

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

#BFABFF - #363048 | 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 #BFABFF as 0% and #363048 as 100%.

0.0%	0.0% #BFABFF	RGB 191 171 255	#BFABFF
16.7%	16.7% #A896E0	RGB 168 150 224	#A896E0
33.3%	33.3% #9182C2	RGB 145 130 194	#9182C2
50.0%	50.0% #7A6DA3	RGB 122 109 163	#7A6DA3
66.7%	66.7% #635984	RGB 99 89 132	#635984
83.3%	83.3% #4C4466	RGB 76 68 102	#4C4466
100.0%	100.0% #363048	RGB 54 48 72	#363048

#BFABFF #A896E0 #9182C2 #7A6DA3 #635984 #4C4466 #363048

#BFABFF - #363048

HSV Blend

#BFABFF - #363048 | 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 #BFABFF as 0% and #363048 as 100%.

0.0%	0.0% #BFABFF	RGB 191 171 255	#BFABFF
16.7%	16.7% #A896E0	RGB 168 150 224	#A896E0
33.3%	33.3% #9181C2	RGB 145 129 194	#9181C2
50.0%	50.0% #7A6DA3	RGB 122 109 163	#7A6DA3
66.7%	66.7% #635884	RGB 99 88 132	#635884
83.3%	83.3% #4C4466	RGB 76 68 102	#4C4466
100.0%	100.0% #363048	RGB 54 48 72	#363048

#BFABFF #A896E0 #9181C2 #7A6DA3 #635884 #4C4466 #363048

#BFABFF - #7A6DA3 - #363048

CSS codes

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

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