#6B3C9F - #DA8DB6 | 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 #6B3C9F to #DA8DB6

#6B3C9F #DA8DB6

Calculate the color between two colors, #6B3C9F and #DA8DB6. 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)

#6B3C9F - #DA8DB6 | 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 #6B3C9F as 0% and #DA8DB6 as 100%.

0.0%	0.0% #6B3C9F	RGB 107 60 159	#6B3C9F
16.7%	16.7% #7D49A2	RGB 125 73 162	#7D49A2
33.3%	33.3% #9057A6	RGB 144 87 166	#9057A6
50.0%	50.0% #A264AA	RGB 162 100 170	#A264AA
66.7%	66.7% #B572AE	RGB 181 114 174	#B572AE
83.3%	83.3% #C77FB2	RGB 199 127 178	#C77FB2
100.0%	100.0% #DA8DB6	RGB 218 141 182	#DA8DB6

#6B3C9F #7D49A2 #9057A6 #A264AA #B572AE #C77FB2 #DA8DB6

#6B3C9F - #DA8DB6

HSV Blend

#6B3C9F - #DA8DB6 | 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 #6B3C9F as 0% and #DA8DB6 as 100%.

0.0%	0.0% #6B3C9F	RGB 107 60 159	#6B3C9F
16.7%	16.7% #8547A8	RGB 133 71 168	#8547A8
33.3%	33.3% #A053B2	RGB 160 83 178	#A053B2
50.0%	50.0% #B960BC	RGB 185 96 188	#B960BC
66.7%	66.7% #C66EBA	RGB 198 110 186	#C66EBA
83.3%	83.3% #D07DB7	RGB 208 125 183	#D07DB7
100.0%	100.0% #DA8DB6	RGB 218 141 182	#DA8DB6

#6B3C9F #8547A8 #A053B2 #B960BC #C66EBA #D07DB7 #DA8DB6

#6B3C9F - #B960BC - #DA8DB6

CSS codes

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

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