#190091 - #BDB6DF | 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 #190091 to #BDB6DF

#190091 #BDB6DF

Calculate the color between two colors, #190091 and #BDB6DF. 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)

#190091 - #BDB6DF | 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 #190091 as 0% and #BDB6DF as 100%.

0.0%	0.0% #190091	RGB 25 0 145	#190091
16.7%	16.7% #341E9E	RGB 52 30 158	#341E9E
33.3%	33.3% #4F3CAB	RGB 79 60 171	#4F3CAB
50.0%	50.0% #6B5BB8	RGB 107 91 184	#6B5BB8
66.7%	66.7% #8679C5	RGB 134 121 197	#8679C5
83.3%	83.3% #A197D2	RGB 161 151 210	#A197D2
100.0%	100.0% #BDB6DF	RGB 189 182 223	#BDB6DF

#190091 #341E9E #4F3CAB #6B5BB8 #8679C5 #A197D2 #BDB6DF

#190091 - #BDB6DF

HSV Blend

#190091 - #BDB6DF | 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 #190091 as 0% and #BDB6DF as 100%.

0.0%	0.0% #190091	RGB 25 0 145	#190091
16.7%	16.7% #2C159E	RGB 44 21 158	#2C159E
33.3%	33.3% #432EAB	RGB 67 46 171	#432EAB
50.0%	50.0% #5D4BB8	RGB 93 75 184	#5D4BB8
66.7%	66.7% #7A6BC5	RGB 122 107 197	#7A6BC5
83.3%	83.3% #9A8ED2	RGB 154 142 210	#9A8ED2
100.0%	100.0% #BDB6DF	RGB 189 182 223	#BDB6DF

#190091 #2C159E #432EAB #5D4BB8 #7A6BC5 #9A8ED2 #BDB6DF

#190091 - #5D4BB8 - #BDB6DF

CSS codes

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

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