#A48CDA - #693DBD | 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 #A48CDA to #693DBD

#A48CDA #693DBD

Calculate the color between two colors, #A48CDA and #693DBD. 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)

#A48CDA - #693DBD | 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 #A48CDA as 0% and #693DBD as 100%.

0.0%	0.0% #A48CDA	RGB 164 140 218	#A48CDA
16.7%	16.7% #9A7ED5	RGB 154 126 213	#9A7ED5
33.3%	33.3% #9071D0	RGB 144 113 208	#9071D0
50.0%	50.0% #8664CB	RGB 134 100 203	#8664CB
66.7%	66.7% #7C57C6	RGB 124 87 198	#7C57C6
83.3%	83.3% #724AC1	RGB 114 74 193	#724AC1
100.0%	100.0% #693DBD	RGB 105 61 189	#693DBD

#A48CDA #9A7ED5 #9071D0 #8664CB #7C57C6 #724AC1 #693DBD

#A48CDA - #693DBD

HSV Blend

#A48CDA - #693DBD | 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 #A48CDA as 0% and #693DBD as 100%.

0.0%	0.0% #A48CDA	RGB 164 140 218	#A48CDA
16.7%	16.7% #997DD5	RGB 153 125 213	#997DD5
33.3%	33.3% #8E6FD0	RGB 142 111 208	#8E6FD0
50.0%	50.0% #8462CB	RGB 132 98 203	#8462CB
66.7%	66.7% #7A55C6	RGB 122 85 198	#7A55C6
83.3%	83.3% #7148C1	RGB 113 72 193	#7148C1
100.0%	100.0% #693DBD	RGB 105 61 189	#693DBD

#A48CDA #997DD5 #8E6FD0 #8462CB #7A55C6 #7148C1 #693DBD

#A48CDA - #8462CB - #693DBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A48CDA 0%, #8462CB 50%, #693DBD 100%);
    background: -webkit-linear-gradient(top, #A48CDA 0%, #8462CB 50%, #693DBD 100%);
    background: linear-gradient(to bottom, #A48CDA 0%, #8462CB 50%, #693DBD 100%);
}
</style>