#D4A8F9 - #8141C9 | 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 #D4A8F9 to #8141C9

#D4A8F9 #8141C9

Calculate the color between two colors, #D4A8F9 and #8141C9. 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)

#D4A8F9 - #8141C9 | 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 #D4A8F9 as 0% and #8141C9 as 100%.

0.0%	0.0% #D4A8F9	RGB 212 168 249	#D4A8F9
16.7%	16.7% #C696F1	RGB 198 150 241	#C696F1
33.3%	33.3% #B885E9	RGB 184 133 233	#B885E9
50.0%	50.0% #AA74E1	RGB 170 116 225	#AA74E1
66.7%	66.7% #9C63D9	RGB 156 99 217	#9C63D9
83.3%	83.3% #8E52D1	RGB 142 82 209	#8E52D1
100.0%	100.0% #8141C9	RGB 129 65 201	#8141C9

#D4A8F9 #C696F1 #B885E9 #AA74E1 #9C63D9 #8E52D1 #8141C9

#D4A8F9 - #8141C9

HSV Blend

#D4A8F9 - #8141C9 | 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 #D4A8F9 as 0% and #8141C9 as 100%.

0.0%	0.0% #D4A8F9	RGB 212 168 249	#D4A8F9
16.7%	16.7% #C594F1	RGB 197 148 241	#C594F1
33.3%	33.3% #B781E9	RGB 183 129 233	#B781E9
50.0%	50.0% #A970E1	RGB 169 112 225	#A970E1
66.7%	66.7% #9B5FD9	RGB 155 95 217	#9B5FD9
83.3%	83.3% #8E4FD1	RGB 142 79 209	#8E4FD1
100.0%	100.0% #8141C9	RGB 129 65 201	#8141C9

#D4A8F9 #C594F1 #B781E9 #A970E1 #9B5FD9 #8E4FD1 #8141C9

#D4A8F9 - #A970E1 - #8141C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4A8F9 0%, #A970E1 50%, #8141C9 100%);
    background: -webkit-linear-gradient(top, #D4A8F9 0%, #A970E1 50%, #8141C9 100%);
    background: linear-gradient(to bottom, #D4A8F9 0%, #A970E1 50%, #8141C9 100%);
}
</style>