#A099C2 - #5E43A8 | 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 #A099C2 to #5E43A8

#A099C2 #5E43A8

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

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

0.0%	0.0% #A099C2	RGB 160 153 194	#A099C2
16.7%	16.7% #958ABD	RGB 149 138 189	#958ABD
33.3%	33.3% #8A7CB9	RGB 138 124 185	#8A7CB9
50.0%	50.0% #7F6EB5	RGB 127 110 181	#7F6EB5
66.7%	66.7% #745FB0	RGB 116 95 176	#745FB0
83.3%	83.3% #6951AC	RGB 105 81 172	#6951AC
100.0%	100.0% #5E43A8	RGB 94 67 168	#5E43A8

#A099C2 #958ABD #8A7CB9 #7F6EB5 #745FB0 #6951AC #5E43A8

#A099C2 - #5E43A8

HSV Blend

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

0.0%	0.0% #A099C2	RGB 160 153 194	#A099C2
16.7%	16.7% #9389BD	RGB 147 137 189	#9389BD
33.3%	33.3% #867AB9	RGB 134 122 185	#867AB9
50.0%	50.0% #7B6BB5	RGB 123 107 181	#7B6BB5
66.7%	66.7% #705DB0	RGB 112 93 176	#705DB0
83.3%	83.3% #674FAC	RGB 103 79 172	#674FAC
100.0%	100.0% #5E43A8	RGB 94 67 168	#5E43A8

#A099C2 #9389BD #867AB9 #7B6BB5 #705DB0 #674FAC #5E43A8

#A099C2 - #7B6BB5 - #5E43A8

CSS codes

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

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