#A49DCB - #5A47B0 | 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 #A49DCB to #5A47B0

#A49DCB #5A47B0

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

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

0.0%	0.0% #A49DCB	RGB 164 157 203	#A49DCB
16.7%	16.7% #978EC6	RGB 151 142 198	#978EC6
33.3%	33.3% #8B80C2	RGB 139 128 194	#8B80C2
50.0%	50.0% #7F72BD	RGB 127 114 189	#7F72BD
66.7%	66.7% #7263B9	RGB 114 99 185	#7263B9
83.3%	83.3% #6655B4	RGB 102 85 180	#6655B4
100.0%	100.0% #5A47B0	RGB 90 71 176	#5A47B0

#A49DCB #978EC6 #8B80C2 #7F72BD #7263B9 #6655B4 #5A47B0

#A49DCB - #5A47B0

HSV Blend

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

0.0%	0.0% #A49DCB	RGB 164 157 203	#A49DCB
16.7%	16.7% #968DC6	RGB 150 141 198	#968DC6
33.3%	33.3% #897EC2	RGB 137 126 194	#897EC2
50.0%	50.0% #7C6FBD	RGB 124 111 189	#7C6FBD
66.7%	66.7% #7061B9	RGB 112 97 185	#7061B9
83.3%	83.3% #6453B4	RGB 100 83 180	#6453B4
100.0%	100.0% #5A47B0	RGB 90 71 176	#5A47B0

#A49DCB #968DC6 #897EC2 #7C6FBD #7061B9 #6453B4 #5A47B0

#A49DCB - #7C6FBD - #5A47B0

CSS codes

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

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