#614B77 - #450B5E | 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 #614B77 to #450B5E

#614B77 #450B5E

Calculate the color between two colors, #614B77 and #450B5E. 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)

#614B77 - #450B5E | 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 #614B77 as 0% and #450B5E as 100%.

0.0%	0.0% #614B77	RGB 97 75 119	#614B77
16.7%	16.7% #5C4072	RGB 92 64 114	#5C4072
33.3%	33.3% #57356E	RGB 87 53 110	#57356E
50.0%	50.0% #532B6A	RGB 83 43 106	#532B6A
66.7%	66.7% #4E2066	RGB 78 32 102	#4E2066
83.3%	83.3% #491562	RGB 73 21 98	#491562
100.0%	100.0% #450B5E	RGB 69 11 94	#450B5E

#614B77 #5C4072 #57356E #532B6A #4E2066 #491562 #450B5E

#614B77 - #450B5E

HSV Blend

#614B77 - #450B5E | 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 #614B77 as 0% and #450B5E as 100%.

0.0%	0.0% #614B77	RGB 97 75 119	#614B77
16.7%	16.7% #5A3E72	RGB 90 62 114	#5A3E72
33.3%	33.3% #54326E	RGB 84 50 110	#54326E
50.0%	50.0% #4F276A	RGB 79 39 106	#4F276A
66.7%	66.7% #4B1D66	RGB 75 29 102	#4B1D66
83.3%	83.3% #471362	RGB 71 19 98	#471362
100.0%	100.0% #450B5E	RGB 69 11 94	#450B5E

#614B77 #5A3E72 #54326E #4F276A #4B1D66 #471362 #450B5E

#614B77 - #4F276A - #450B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #614B77 0%, #4F276A 50%, #450B5E 100%);
    background: -webkit-linear-gradient(top, #614B77 0%, #4F276A 50%, #450B5E 100%);
    background: linear-gradient(to bottom, #614B77 0%, #4F276A 50%, #450B5E 100%);
}
</style>