#6B5268 - #DB7BAD | 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 #6B5268 to #DB7BAD

#6B5268 #DB7BAD

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

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

0.0%	0.0% #6B5268	RGB 107 82 104	#6B5268
16.7%	16.7% #7D5873	RGB 125 88 115	#7D5873
33.3%	33.3% #905F7F	RGB 144 95 127	#905F7F
50.0%	50.0% #A3668A	RGB 163 102 138	#A3668A
66.7%	66.7% #B56D96	RGB 181 109 150	#B56D96
83.3%	83.3% #C874A1	RGB 200 116 161	#C874A1
100.0%	100.0% #DB7BAD	RGB 219 123 173	#DB7BAD

#6B5268 #7D5873 #905F7F #A3668A #B56D96 #C874A1 #DB7BAD

#6B5268 - #DB7BAD

HSV Blend

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

0.0%	0.0% #6B5268	RGB 107 82 104	#6B5268
16.7%	16.7% #7D5C77	RGB 125 92 119	#7D5C77
33.3%	33.3% #906485	RGB 144 100 133	#906485
50.0%	50.0% #A36C92	RGB 163 108 146	#A36C92
66.7%	66.7% #B5729D	RGB 181 114 157	#B5729D
83.3%	83.3% #C877A6	RGB 200 119 166	#C877A6
100.0%	100.0% #DB7BAD	RGB 219 123 173	#DB7BAD

#6B5268 #7D5C77 #906485 #A36C92 #B5729D #C877A6 #DB7BAD

#6B5268 - #A36C92 - #DB7BAD

CSS codes

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

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