#6D4A8F - #DB9E9A | 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 #6D4A8F to #DB9E9A

#6D4A8F #DB9E9A

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

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

0.0%	0.0% #6D4A8F	RGB 109 74 143	#6D4A8F
16.7%	16.7% #7F5890	RGB 127 88 144	#7F5890
33.3%	33.3% #916692	RGB 145 102 146	#916692
50.0%	50.0% #A47494	RGB 164 116 148	#A47494
66.7%	66.7% #B68296	RGB 182 130 150	#B68296
83.3%	83.3% #C89098	RGB 200 144 152	#C89098
100.0%	100.0% #DB9E9A	RGB 219 158 154	#DB9E9A

#6D4A8F #7F5890 #916692 #A47494 #B68296 #C89098 #DB9E9A

#6D4A8F - #DB9E9A

HSV Blend

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

0.0%	0.0% #6C4A8F	RGB 108 74 143	#6C4A8F
16.7%	16.7% #8B559B	RGB 139 85 155	#8B559B
33.3%	33.3% #A861A6	RGB 168 97 166	#A861A6
50.0%	50.0% #B56EA0	RGB 181 110 160	#B56EA0
66.7%	66.7% #C17C9B	RGB 193 124 155	#C17C9B
83.3%	83.3% #CE8A98	RGB 206 138 152	#CE8A98
100.0%	100.0% #DB9E9A	RGB 219 158 154	#DB9E9A

#6C4A8F #8B559B #A861A6 #B56EA0 #C17C9B #CE8A98 #DB9E9A

#6D4A8F - #B56EA0 - #DB9E9A

CSS codes

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

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