#401A8F - #C7BDDF | 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 #401A8F to #C7BDDF

#401A8F #C7BDDF

Calculate the color between two colors, #401A8F and #C7BDDF. 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)

#401A8F - #C7BDDF | 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 #401A8F as 0% and #C7BDDF as 100%.

0.0%	0.0% #401A8F	RGB 64 26 143	#401A8F
16.7%	16.7% #56359C	RGB 86 53 156	#56359C
33.3%	33.3% #6D50A9	RGB 109 80 169	#6D50A9
50.0%	50.0% #836BB7	RGB 131 107 183	#836BB7
66.7%	66.7% #9A86C4	RGB 154 134 196	#9A86C4
83.3%	83.3% #B0A1D1	RGB 176 161 209	#B0A1D1
100.0%	100.0% #C7BDDF	RGB 199 189 223	#C7BDDF

#401A8F #56359C #6D50A9 #836BB7 #9A86C4 #B0A1D1 #C7BDDF

#401A8F - #C7BDDF

HSV Blend

#401A8F - #C7BDDF | 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 #401A8F as 0% and #C7BDDF as 100%.

0.0%	0.0% #401A8F	RGB 64 26 143	#401A8F
16.7%	16.7% #512D9C	RGB 81 45 156	#512D9C
33.3%	33.3% #6444A9	RGB 100 68 169	#6444A9
50.0%	50.0% #795EB7	RGB 121 94 183	#795EB7
66.7%	66.7% #917AC4	RGB 145 122 196	#917AC4
83.3%	83.3% #AA9AD1	RGB 170 154 209	#AA9AD1
100.0%	100.0% #C7BDDF	RGB 199 189 223	#C7BDDF

#401A8F #512D9C #6444A9 #795EB7 #917AC4 #AA9AD1 #C7BDDF

#401A8F - #795EB7 - #C7BDDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #401A8F 0%, #795EB7 50%, #C7BDDF 100%);
    background: -webkit-linear-gradient(top, #401A8F 0%, #795EB7 50%, #C7BDDF 100%);
    background: linear-gradient(to bottom, #401A8F 0%, #795EB7 50%, #C7BDDF 100%);
}
</style>