#6B5264 - #DB7BA3 | 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 #6B5264 to #DB7BA3

#6B5264 #DB7BA3

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

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

0.0%	0.0% #6B5264	RGB 107 82 100	#6B5264
16.7%	16.7% #7D586E	RGB 125 88 110	#7D586E
33.3%	33.3% #905F79	RGB 144 95 121	#905F79
50.0%	50.0% #A36683	RGB 163 102 131	#A36683
66.7%	66.7% #B56D8E	RGB 181 109 142	#B56D8E
83.3%	83.3% #C87498	RGB 200 116 152	#C87498
100.0%	100.0% #DB7BA3	RGB 219 123 163	#DB7BA3

#6B5264 #7D586E #905F79 #A36683 #B56D8E #C87498 #DB7BA3

#6B5264 - #DB7BA3

HSV Blend

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

0.0%	0.0% #6B5264	RGB 107 82 100	#6B5264
16.7%	16.7% #7D5C72	RGB 125 92 114	#7D5C72
33.3%	33.3% #90647F	RGB 144 100 127	#90647F
50.0%	50.0% #A36C8B	RGB 163 108 139	#A36C8B
66.7%	66.7% #B57295	RGB 181 114 149	#B57295
83.3%	83.3% #C8779D	RGB 200 119 157	#C8779D
100.0%	100.0% #DB7BA3	RGB 219 123 163	#DB7BA3

#6B5264 #7D5C72 #90647F #A36C8B #B57295 #C8779D #DB7BA3

#6B5264 - #A36C8B - #DB7BA3

CSS codes

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

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