#20205D - #BFBFD0 | 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 #20205D to #BFBFD0

#20205D #BFBFD0

Calculate the color between two colors, #20205D and #BFBFD0. 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)

#20205D - #BFBFD0 | 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 #20205D as 0% and #BFBFD0 as 100%.

0.0%	0.0% #20205D	RGB 32 32 93	#20205D
16.7%	16.7% #3A3A70	RGB 58 58 112	#3A3A70
33.3%	33.3% #555583	RGB 85 85 131	#555583
50.0%	50.0% #6F6F96	RGB 111 111 150	#6F6F96
66.7%	66.7% #8A8AA9	RGB 138 138 169	#8A8AA9
83.3%	83.3% #A4A4BC	RGB 164 164 188	#A4A4BC
100.0%	100.0% #BFBFD0	RGB 191 191 208	#BFBFD0

#20205D #3A3A70 #555583 #6F6F96 #8A8AA9 #A4A4BC #BFBFD0

#20205D - #BFBFD0

HSV Blend

#20205D - #BFBFD0 | 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 #20205D as 0% and #BFBFD0 as 100%.

0.0%	0.0% #20205D	RGB 32 32 93	#20205D
16.7%	16.7% #313170	RGB 49 49 112	#313170
33.3%	33.3% #464683	RGB 70 70 131	#464683
50.0%	50.0% #5E5E96	RGB 94 94 150	#5E5E96
66.7%	66.7% #7B7BA9	RGB 123 123 169	#7B7BA9
83.3%	83.3% #9B9BBC	RGB 155 155 188	#9B9BBC
100.0%	100.0% #BFBFD0	RGB 191 191 208	#BFBFD0

#20205D #313170 #464683 #5E5E96 #7B7BA9 #9B9BBC #BFBFD0

#20205D - #5E5E96 - #BFBFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20205D 0%, #5E5E96 50%, #BFBFD0 100%);
    background: -webkit-linear-gradient(top, #20205D 0%, #5E5E96 50%, #BFBFD0 100%);
    background: linear-gradient(to bottom, #20205D 0%, #5E5E96 50%, #BFBFD0 100%);
}
</style>