#644A8C - #AFB2B1 | 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 #644A8C to #AFB2B1

#644A8C #AFB2B1

Calculate the color between two colors, #644A8C and #AFB2B1. 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)

#644A8C - #AFB2B1 | 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 #644A8C as 0% and #AFB2B1 as 100%.

0.0%	0.0% #644A8C	RGB 100 74 140	#644A8C
16.7%	16.7% #705B92	RGB 112 91 146	#705B92
33.3%	33.3% #7D6C98	RGB 125 108 152	#7D6C98
50.0%	50.0% #897E9E	RGB 137 126 158	#897E9E
66.7%	66.7% #968FA4	RGB 150 143 164	#968FA4
83.3%	83.3% #A2A0AA	RGB 162 160 170	#A2A0AA
100.0%	100.0% #AFB2B1	RGB 175 178 177	#AFB2B1

#644A8C #705B92 #7D6C98 #897E9E #968FA4 #A2A0AA #AFB2B1

#644A8C - #AFB2B1

HSV Blend

#644A8C - #AFB2B1 | 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 #644A8C as 0% and #AFB2B1 as 100%.

0.0%	0.0% #644A8C	RGB 100 74 140	#644A8C
16.7%	16.7% #5E5892	RGB 94 88 146	#5E5892
33.3%	33.3% #677098	RGB 103 112 152	#677098
50.0%	50.0% #788A9F	RGB 120 138 159	#788A9F
66.7%	66.7% #899EA5	RGB 137 158 165	#899EA5
83.3%	83.3% #9BABAA	RGB 155 171 170	#9BABAA
100.0%	100.0% #AFB2B1	RGB 175 178 177	#AFB2B1

#644A8C #5E5892 #677098 #788A9F #899EA5 #9BABAA #AFB2B1

#644A8C - #788A9F - #AFB2B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #644A8C 0%, #788A9F 50%, #AFB2B1 100%);
    background: -webkit-linear-gradient(top, #644A8C 0%, #788A9F 50%, #AFB2B1 100%);
    background: linear-gradient(to bottom, #644A8C 0%, #788A9F 50%, #AFB2B1 100%);
}
</style>