#8D8AAA - #DFA2FF | 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 #8D8AAA to #DFA2FF

#8D8AAA #DFA2FF

Calculate the color between two colors, #8D8AAA and #DFA2FF. 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)

#8D8AAA - #DFA2FF | 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 #8D8AAA as 0% and #DFA2FF as 100%.

0.0%	0.0% #8D8AAA	RGB 141 138 170	#8D8AAA
16.7%	16.7% #9A8EB8	RGB 154 142 184	#9A8EB8
33.3%	33.3% #A892C6	RGB 168 146 198	#A892C6
50.0%	50.0% #B696D4	RGB 182 150 212	#B696D4
66.7%	66.7% #C39AE2	RGB 195 154 226	#C39AE2
83.3%	83.3% #D19EF0	RGB 209 158 240	#D19EF0
100.0%	100.0% #DFA2FF	RGB 223 162 255	#DFA2FF

#8D8AAA #9A8EB8 #A892C6 #B696D4 #C39AE2 #D19EF0 #DFA2FF

#8D8AAA - #DFA2FF

HSV Blend

#8D8AAA - #DFA2FF | 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 #8D8AAA as 0% and #DFA2FF as 100%.

0.0%	0.0% #8D8AAA	RGB 141 138 170	#8D8AAA
16.7%	16.7% #9790B8	RGB 151 144 184	#9790B8
33.3%	33.3% #A395C6	RGB 163 149 198	#A395C6
50.0%	50.0% #AF99D4	RGB 175 153 212	#AF99D4
66.7%	66.7% #BD9DE2	RGB 189 157 226	#BD9DE2
83.3%	83.3% #CDA0F0	RGB 205 160 240	#CDA0F0
100.0%	100.0% #DFA2FF	RGB 223 162 255	#DFA2FF

#8D8AAA #9790B8 #A395C6 #AF99D4 #BD9DE2 #CDA0F0 #DFA2FF

#8D8AAA - #AF99D4 - #DFA2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D8AAA 0%, #AF99D4 50%, #DFA2FF 100%);
    background: -webkit-linear-gradient(top, #8D8AAA 0%, #AF99D4 50%, #DFA2FF 100%);
    background: linear-gradient(to bottom, #8D8AAA 0%, #AF99D4 50%, #DFA2FF 100%);
}
</style>