#20006B - #BFB6D4 | 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 #20006B to #BFB6D4

#20006B #BFB6D4

Calculate the color between two colors, #20006B and #BFB6D4. 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)

#20006B - #BFB6D4 | 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 #20006B as 0% and #BFB6D4 as 100%.

0.0%	0.0% #20006B	RGB 32 0 107	#20006B
16.7%	16.7% #3A1E7C	RGB 58 30 124	#3A1E7C
33.3%	33.3% #553C8E	RGB 85 60 142	#553C8E
50.0%	50.0% #6F5B9F	RGB 111 91 159	#6F5B9F
66.7%	66.7% #8A79B1	RGB 138 121 177	#8A79B1
83.3%	83.3% #A497C2	RGB 164 151 194	#A497C2
100.0%	100.0% #BFB6D4	RGB 191 182 212	#BFB6D4

#20006B #3A1E7C #553C8E #6F5B9F #8A79B1 #A497C2 #BFB6D4

#20006B - #BFB6D4

HSV Blend

#20006B - #BFB6D4 | 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 #20006B as 0% and #BFB6D4 as 100%.

0.0%	0.0% #1F006B	RGB 31 0 107	#1F006B
16.7%	16.7% #31117C	RGB 49 17 124	#31117C
33.3%	33.3% #46288E	RGB 70 40 142	#46288E
50.0%	50.0% #5F449F	RGB 95 68 159	#5F449F
66.7%	66.7% #7B65B1	RGB 123 101 177	#7B65B1
83.3%	83.3% #9B8BC2	RGB 155 139 194	#9B8BC2
100.0%	100.0% #BFB6D4	RGB 191 182 212	#BFB6D4

#1F006B #31117C #46288E #5F449F #7B65B1 #9B8BC2 #BFB6D4

#20006B - #5F449F - #BFB6D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F006B 0%, #5F449F 50%, #BFB6D4 100%);
    background: -webkit-linear-gradient(top, #1F006B 0%, #5F449F 50%, #BFB6D4 100%);
    background: linear-gradient(to bottom, #1F006B 0%, #5F449F 50%, #BFB6D4 100%);
}
</style>