#3A27A8 - #A47DD8 | 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 #3A27A8 to #A47DD8

#3A27A8 #A47DD8

Calculate the color between two colors, #3A27A8 and #A47DD8. 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)

#3A27A8 - #A47DD8 | 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 #3A27A8 as 0% and #A47DD8 as 100%.

0.0%	0.0% #3A27A8	RGB 58 39 168	#3A27A8
16.7%	16.7% #4B35B0	RGB 75 53 176	#4B35B0
33.3%	33.3% #5D43B8	RGB 93 67 184	#5D43B8
50.0%	50.0% #6F52C0	RGB 111 82 192	#6F52C0
66.7%	66.7% #8060C8	RGB 128 96 200	#8060C8
83.3%	83.3% #926ED0	RGB 146 110 208	#926ED0
100.0%	100.0% #A47DD8	RGB 164 125 216	#A47DD8

#3A27A8 #4B35B0 #5D43B8 #6F52C0 #8060C8 #926ED0 #A47DD8

#3A27A8 - #A47DD8

HSV Blend

#3A27A8 - #A47DD8 | 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 #3A27A8 as 0% and #A47DD8 as 100%.

0.0%	0.0% #3A27A8	RGB 58 39 168	#3A27A8
16.7%	16.7% #4B33B0	RGB 75 51 176	#4B33B0
33.3%	33.3% #5C3FB8	RGB 92 63 184	#5C3FB8
50.0%	50.0% #6E4DC0	RGB 110 77 192	#6E4DC0
66.7%	66.7% #805CC8	RGB 128 92 200	#805CC8
83.3%	83.3% #926CD0	RGB 146 108 208	#926CD0
100.0%	100.0% #A47DD8	RGB 164 125 216	#A47DD8

#3A27A8 #4B33B0 #5C3FB8 #6E4DC0 #805CC8 #926CD0 #A47DD8

#3A27A8 - #6E4DC0 - #A47DD8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A27A8 0%, #6E4DC0 50%, #A47DD8 100%);
    background: -webkit-linear-gradient(top, #3A27A8 0%, #6E4DC0 50%, #A47DD8 100%);
    background: linear-gradient(to bottom, #3A27A8 0%, #6E4DC0 50%, #A47DD8 100%);
}
</style>