#DB6CC1 - #A58CFF | 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 #DB6CC1 to #A58CFF

#DB6CC1 #A58CFF

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

#DB6CC1 - #A58CFF | 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 #DB6CC1 as 0% and #A58CFF as 100%.

0.0%	0.0% #DB6CC1	RGB 219 108 193	#DB6CC1
16.7%	16.7% #D271CB	RGB 210 113 203	#D271CB
33.3%	33.3% #C976D5	RGB 201 118 213	#C976D5
50.0%	50.0% #C07CE0	RGB 192 124 224	#C07CE0
66.7%	66.7% #B781EA	RGB 183 129 234	#B781EA
83.3%	83.3% #AE86F4	RGB 174 134 244	#AE86F4
100.0%	100.0% #A58CFF	RGB 165 140 255	#A58CFF

#DB6CC1 #D271CB #C976D5 #C07CE0 #B781EA #AE86F4 #A58CFF

#DB6CC1 - #A58CFF

HSV Blend

#DB6CC1 - #A58CFF | 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 #DB6CC1 as 0% and #A58CFF as 100%.

0.0%	0.0% #DB6CC1	RGB 219 108 193	#DB6CC1
16.7%	16.7% #E171D9	RGB 225 113 217	#E171D9
33.3%	33.3% #DB76E7	RGB 219 118 231	#DB76E7
50.0%	50.0% #CD7BED	RGB 205 123 237	#CD7BED
66.7%	66.7% #C080F3	RGB 192 128 243	#C080F3
83.3%	83.3% #B286F9	RGB 178 134 249	#B286F9
100.0%	100.0% #A58CFF	RGB 165 140 255	#A58CFF

#DB6CC1 #E171D9 #DB76E7 #CD7BED #C080F3 #B286F9 #A58CFF

#DB6CC1 - #CD7BED - #A58CFF

CSS codes

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

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