#D5A8F7 - #A451E6 | 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 #D5A8F7 to #A451E6

#D5A8F7 #A451E6

Calculate the color between two colors, #D5A8F7 and #A451E6. 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)

#D5A8F7 - #A451E6 | 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 #D5A8F7 as 0% and #A451E6 as 100%.

0.0%	0.0% #D5A8F7	RGB 213 168 247	#D5A8F7
16.7%	16.7% #CC99F4	RGB 204 153 244	#CC99F4
33.3%	33.3% #C48BF1	RGB 196 139 241	#C48BF1
50.0%	50.0% #BC7CEE	RGB 188 124 238	#BC7CEE
66.7%	66.7% #B46EEB	RGB 180 110 235	#B46EEB
83.3%	83.3% #AC5FE8	RGB 172 95 232	#AC5FE8
100.0%	100.0% #A451E6	RGB 164 81 230	#A451E6

#D5A8F7 #CC99F4 #C48BF1 #BC7CEE #B46EEB #AC5FE8 #A451E6

#D5A8F7 - #A451E6

HSV Blend

#D5A8F7 - #A451E6 | 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 #D5A8F7 as 0% and #A451E6 as 100%.

0.0%	0.0% #D5A8F7	RGB 213 168 247	#D5A8F7
16.7%	16.7% #CC98F4	RGB 204 152 244	#CC98F4
33.3%	33.3% #C489F1	RGB 196 137 241	#C489F1
50.0%	50.0% #BC7BEE	RGB 188 123 238	#BC7BEE
66.7%	66.7% #B36CEB	RGB 179 108 235	#B36CEB
83.3%	83.3% #AB5EE8	RGB 171 94 232	#AB5EE8
100.0%	100.0% #A451E6	RGB 164 81 230	#A451E6

#D5A8F7 #CC98F4 #C489F1 #BC7BEE #B36CEB #AB5EE8 #A451E6

#D5A8F7 - #BC7BEE - #A451E6

CSS codes

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

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