#200F5E - #BEBAD1 | 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 #200F5E to #BEBAD1

#200F5E #BEBAD1

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

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

0.0%	0.0% #200F5E	RGB 32 15 94	#200F5E
16.7%	16.7% #3A2B71	RGB 58 43 113	#3A2B71
33.3%	33.3% #544884	RGB 84 72 132	#544884
50.0%	50.0% #6F6497	RGB 111 100 151	#6F6497
66.7%	66.7% #8981AA	RGB 137 129 170	#8981AA
83.3%	83.3% #A39DBD	RGB 163 157 189	#A39DBD
100.0%	100.0% #BEBAD1	RGB 190 186 209	#BEBAD1

#200F5E #3A2B71 #544884 #6F6497 #8981AA #A39DBD #BEBAD1

#200F5E - #BEBAD1

HSV Blend

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

0.0%	0.0% #1F0E5E	RGB 31 14 94	#1F0E5E
16.7%	16.7% #301F71	RGB 48 31 113	#301F71
33.3%	33.3% #453584	RGB 69 53 132	#453584
50.0%	50.0% #5D4F97	RGB 93 79 151	#5D4F97
66.7%	66.7% #796EAA	RGB 121 110 170	#796EAA
83.3%	83.3% #9991BD	RGB 153 145 189	#9991BD
100.0%	100.0% #BEBAD1	RGB 190 186 209	#BEBAD1

#1F0E5E #301F71 #453584 #5D4F97 #796EAA #9991BD #BEBAD1

#200F5E - #5D4F97 - #BEBAD1

CSS codes

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

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