#5E638C - #A97CF2 | 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 #5E638C to #A97CF2

#5E638C #A97CF2

Calculate the color between two colors, #5E638C and #A97CF2. 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)

#5E638C - #A97CF2 | 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 #5E638C as 0% and #A97CF2 as 100%.

0.0%	0.0% #5E638C	RGB 94 99 140	#5E638C
16.7%	16.7% #6A679D	RGB 106 103 157	#6A679D
33.3%	33.3% #776BAE	RGB 119 107 174	#776BAE
50.0%	50.0% #836FBF	RGB 131 111 191	#836FBF
66.7%	66.7% #9073D0	RGB 144 115 208	#9073D0
83.3%	83.3% #9C77E1	RGB 156 119 225	#9C77E1
100.0%	100.0% #A97CF2	RGB 169 124 242	#A97CF2

#5E638C #6A679D #776BAE #836FBF #9073D0 #9C77E1 #A97CF2

#5E638C - #A97CF2

HSV Blend

#5E638C - #A97CF2 | 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 #5E638C as 0% and #A97CF2 as 100%.

0.0%	0.0% #5E638C	RGB 94 99 140	#5E638C
16.7%	16.7% #65669D	RGB 101 102 157	#65669D
33.3%	33.3% #6F6BAE	RGB 111 107 174	#6F6BAE
50.0%	50.0% #7B71BF	RGB 123 113 191	#7B71BF
66.7%	66.7% #8975D0	RGB 137 117 208	#8975D0
83.3%	83.3% #9879E1	RGB 152 121 225	#9879E1
100.0%	100.0% #A97CF2	RGB 169 124 242	#A97CF2

#5E638C #65669D #6F6BAE #7B71BF #8975D0 #9879E1 #A97CF2

#5E638C - #7B71BF - #A97CF2

CSS codes

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

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