#200E2D - #BFBAC3 | 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 #200E2D to #BFBAC3

#200E2D #BFBAC3

Calculate the color between two colors, #200E2D and #BFBAC3. 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)

#200E2D - #BFBAC3 | 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 #200E2D as 0% and #BFBAC3 as 100%.

0.0%	0.0% #200E2D	RGB 32 14 45	#200E2D
16.7%	16.7% #3A2A46	RGB 58 42 70	#3A2A46
33.3%	33.3% #55475F	RGB 85 71 95	#55475F
50.0%	50.0% #6F6478	RGB 111 100 120	#6F6478
66.7%	66.7% #8A8091	RGB 138 128 145	#8A8091
83.3%	83.3% #A49DAA	RGB 164 157 170	#A49DAA
100.0%	100.0% #BFBAC3	RGB 191 186 195	#BFBAC3

#200E2D #3A2A46 #55475F #6F6478 #8A8091 #A49DAA #BFBAC3

#200E2D - #BFBAC3

HSV Blend

#200E2D - #BFBAC3 | 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 #200E2D as 0% and #BFBAC3 as 100%.

0.0%	0.0% #1F0E2D	RGB 31 14 45	#1F0E2D
16.7%	16.7% #341D46	RGB 52 29 70	#341D46
33.3%	33.3% #4B315F	RGB 75 49 95	#4B315F
50.0%	50.0% #644B78	RGB 100 75 120	#644B78
66.7%	66.7% #806B91	RGB 128 107 145	#806B91
83.3%	83.3% #9E8FAA	RGB 158 143 170	#9E8FAA
100.0%	100.0% #BFBAC3	RGB 191 186 195	#BFBAC3

#1F0E2D #341D46 #4B315F #644B78 #806B91 #9E8FAA #BFBAC3

#200E2D - #644B78 - #BFBAC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F0E2D 0%, #644B78 50%, #BFBAC3 100%);
    background: -webkit-linear-gradient(top, #1F0E2D 0%, #644B78 50%, #BFBAC3 100%);
    background: linear-gradient(to bottom, #1F0E2D 0%, #644B78 50%, #BFBAC3 100%);
}
</style>