#A8B0D4 - #584D9C | 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 #A8B0D4 to #584D9C

#A8B0D4 #584D9C

Calculate the color between two colors, #A8B0D4 and #584D9C. 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)

#A8B0D4 - #584D9C | 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 #A8B0D4 as 0% and #584D9C as 100%.

0.0%	0.0% #A8B0D4	RGB 168 176 212	#A8B0D4
16.7%	16.7% #9A9FCA	RGB 154 159 202	#9A9FCA
33.3%	33.3% #8D8FC1	RGB 141 143 193	#8D8FC1
50.0%	50.0% #807EB8	RGB 128 126 184	#807EB8
66.7%	66.7% #726EAE	RGB 114 110 174	#726EAE
83.3%	83.3% #655DA5	RGB 101 93 165	#655DA5
100.0%	100.0% #584D9C	RGB 88 77 156	#584D9C

#A8B0D4 #9A9FCA #8D8FC1 #807EB8 #726EAE #655DA5 #584D9C

#A8B0D4 - #584D9C

HSV Blend

#A8B0D4 - #584D9C | 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 #A8B0D4 as 0% and #584D9C as 100%.

0.0%	0.0% #A8B0D4	RGB 168 176 212	#A8B0D4
16.7%	16.7% #969DCA	RGB 150 157 202	#969DCA
33.3%	33.3% #858AC1	RGB 133 138 193	#858AC1
50.0%	50.0% #7677B8	RGB 118 119 184	#7677B8
66.7%	66.7% #6967AE	RGB 105 103 174	#6967AE
83.3%	83.3% #6059A5	RGB 96 89 165	#6059A5
100.0%	100.0% #584D9C	RGB 88 77 156	#584D9C

#A8B0D4 #969DCA #858AC1 #7677B8 #6967AE #6059A5 #584D9C

#A8B0D4 - #7677B8 - #584D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B0D4 0%, #7677B8 50%, #584D9C 100%);
    background: -webkit-linear-gradient(top, #A8B0D4 0%, #7677B8 50%, #584D9C 100%);
    background: linear-gradient(to bottom, #A8B0D4 0%, #7677B8 50%, #584D9C 100%);
}
</style>