#D4D2FF - #8A6EDF | 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 #D4D2FF to #8A6EDF

#D4D2FF #8A6EDF

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

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

0.0%	0.0% #D4D2FF	RGB 212 210 255	#D4D2FF
16.7%	16.7% #C7C1F9	RGB 199 193 249	#C7C1F9
33.3%	33.3% #BBB0F4	RGB 187 176 244	#BBB0F4
50.0%	50.0% #AFA0EF	RGB 175 160 239	#AFA0EF
66.7%	66.7% #A28FE9	RGB 162 143 233	#A28FE9
83.3%	83.3% #967EE4	RGB 150 126 228	#967EE4
100.0%	100.0% #8A6EDF	RGB 138 110 223	#8A6EDF

#D4D2FF #C7C1F9 #BBB0F4 #AFA0EF #A28FE9 #967EE4 #8A6EDF

#D4D2FF - #8A6EDF

HSV Blend

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

0.0%	0.0% #D4D2FF	RGB 212 210 255	#D4D2FF
16.7%	16.7% #C4BFF9	RGB 196 191 249	#C4BFF9
33.3%	33.3% #B6AEF4	RGB 182 174 244	#B6AEF4
50.0%	50.0% #A99DEF	RGB 169 157 239	#A99DEF
66.7%	66.7% #9D8CE9	RGB 157 140 233	#9D8CE9
83.3%	83.3% #937DE4	RGB 147 125 228	#937DE4
100.0%	100.0% #8A6EDF	RGB 138 110 223	#8A6EDF

#D4D2FF #C4BFF9 #B6AEF4 #A99DEF #9D8CE9 #937DE4 #8A6EDF

#D4D2FF - #A99DEF - #8A6EDF

CSS codes

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

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