#403D5E - #6961D0 | 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 #403D5E to #6961D0

#403D5E #6961D0

Calculate the color between two colors, #403D5E and #6961D0. 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)

#403D5E - #6961D0 | 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 #403D5E as 0% and #6961D0 as 100%.

0.0%	0.0% #403D5E	RGB 64 61 94	#403D5E
16.7%	16.7% #464371	RGB 70 67 113	#464371
33.3%	33.3% #4D4984	RGB 77 73 132	#4D4984
50.0%	50.0% #544F97	RGB 84 79 151	#544F97
66.7%	66.7% #5B55AA	RGB 91 85 170	#5B55AA
83.3%	83.3% #625BBD	RGB 98 91 189	#625BBD
100.0%	100.0% #6961D0	RGB 105 97 208	#6961D0

#403D5E #464371 #4D4984 #544F97 #5B55AA #625BBD #6961D0

#403D5E - #6961D0

HSV Blend

#403D5E - #6961D0 | 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 #403D5E as 0% and #6961D0 as 100%.

0.0%	0.0% #403D5E	RGB 64 61 94	#403D5E
16.7%	16.7% #494571	RGB 73 69 113	#494571
33.3%	33.3% #524D84	RGB 82 77 132	#524D84
50.0%	50.0% #595497	RGB 89 84 151	#595497
66.7%	66.7% #5F59AA	RGB 95 89 170	#5F59AA
83.3%	83.3% #655DBD	RGB 101 93 189	#655DBD
100.0%	100.0% #6961D0	RGB 105 97 208	#6961D0

#403D5E #494571 #524D84 #595497 #5F59AA #655DBD #6961D0

#403D5E - #595497 - #6961D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403D5E 0%, #595497 50%, #6961D0 100%);
    background: -webkit-linear-gradient(top, #403D5E 0%, #595497 50%, #6961D0 100%);
    background: linear-gradient(to bottom, #403D5E 0%, #595497 50%, #6961D0 100%);
}
</style>