#D4B2FF - #8A39E5 | 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 #D4B2FF to #8A39E5

#D4B2FF #8A39E5

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

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

0.0%	0.0% #D4B2FF	RGB 212 178 255	#D4B2FF
16.7%	16.7% #C79DFA	RGB 199 157 250	#C79DFA
33.3%	33.3% #BB89F6	RGB 187 137 246	#BB89F6
50.0%	50.0% #AF75F2	RGB 175 117 242	#AF75F2
66.7%	66.7% #A261ED	RGB 162 97 237	#A261ED
83.3%	83.3% #964DE9	RGB 150 77 233	#964DE9
100.0%	100.0% #8A39E5	RGB 138 57 229	#8A39E5

#D4B2FF #C79DFA #BB89F6 #AF75F2 #A261ED #964DE9 #8A39E5

#D4B2FF - #8A39E5

HSV Blend

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

0.0%	0.0% #D4B2FF	RGB 212 178 255	#D4B2FF
16.7%	16.7% #C69CFA	RGB 198 156 250	#C69CFA
33.3%	33.3% #B987F6	RGB 185 135 246	#B987F6
50.0%	50.0% #AC72F2	RGB 172 114 242	#AC72F2
66.7%	66.7% #A05EED	RGB 160 94 237	#A05EED
83.3%	83.3% #954BE9	RGB 149 75 233	#954BE9
100.0%	100.0% #8A39E5	RGB 138 57 229	#8A39E5

#D4B2FF #C69CFA #B987F6 #AC72F2 #A05EED #954BE9 #8A39E5

#D4B2FF - #AC72F2 - #8A39E5

CSS codes

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

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