#1A076B - #BDB8D4 | 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 #1A076B to #BDB8D4

#1A076B #BDB8D4

Calculate the color between two colors, #1A076B and #BDB8D4. 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)

#1A076B - #BDB8D4 | 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 #1A076B as 0% and #BDB8D4 as 100%.

0.0%	0.0% #1A076B	RGB 26 7 107	#1A076B
16.7%	16.7% #35247C	RGB 53 36 124	#35247C
33.3%	33.3% #50428E	RGB 80 66 142	#50428E
50.0%	50.0% #6B5F9F	RGB 107 95 159	#6B5F9F
66.7%	66.7% #867DB1	RGB 134 125 177	#867DB1
83.3%	83.3% #A19AC2	RGB 161 154 194	#A19AC2
100.0%	100.0% #BDB8D4	RGB 189 184 212	#BDB8D4

#1A076B #35247C #50428E #6B5F9F #867DB1 #A19AC2 #BDB8D4

#1A076B - #BDB8D4

HSV Blend

#1A076B - #BDB8D4 | 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 #1A076B as 0% and #BDB8D4 as 100%.

0.0%	0.0% #19076B	RGB 25 7 107	#19076B
16.7%	16.7% #2B187C	RGB 43 24 124	#2B187C
33.3%	33.3% #402F8E	RGB 64 47 142	#402F8E
50.0%	50.0% #5A4A9F	RGB 90 74 159	#5A4A9F
66.7%	66.7% #776AB1	RGB 119 106 177	#776AB1
83.3%	83.3% #988EC2	RGB 152 142 194	#988EC2
100.0%	100.0% #BDB8D4	RGB 189 184 212	#BDB8D4

#19076B #2B187C #402F8E #5A4A9F #776AB1 #988EC2 #BDB8D4

#1A076B - #5A4A9F - #BDB8D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #19076B 0%, #5A4A9F 50%, #BDB8D4 100%);
    background: -webkit-linear-gradient(top, #19076B 0%, #5A4A9F 50%, #BDB8D4 100%);
    background: linear-gradient(to bottom, #19076B 0%, #5A4A9F 50%, #BDB8D4 100%);
}
</style>