#6B5261 - #DB7B90 | 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 #6B5261 to #DB7B90

#6B5261 #DB7B90

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

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

0.0%	0.0% #6B5261	RGB 107 82 97	#6B5261
16.7%	16.7% #7D5868	RGB 125 88 104	#7D5868
33.3%	33.3% #905F70	RGB 144 95 112	#905F70
50.0%	50.0% #A36678	RGB 163 102 120	#A36678
66.7%	66.7% #B56D80	RGB 181 109 128	#B56D80
83.3%	83.3% #C87488	RGB 200 116 136	#C87488
100.0%	100.0% #DB7B90	RGB 219 123 144	#DB7B90

#6B5261 #7D5868 #905F70 #A36678 #B56D80 #C87488 #DB7B90

#6B5261 - #DB7B90

HSV Blend

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

0.0%	0.0% #6B5261	RGB 107 82 97	#6B5261
16.7%	16.7% #7D5C6E	RGB 125 92 110	#7D5C6E
33.3%	33.3% #906479	RGB 144 100 121	#906479
50.0%	50.0% #A36C82	RGB 163 108 130	#A36C82
66.7%	66.7% #B57289	RGB 181 114 137	#B57289
83.3%	83.3% #C8778E	RGB 200 119 142	#C8778E
100.0%	100.0% #DB7B90	RGB 219 123 144	#DB7B90

#6B5261 #7D5C6E #906479 #A36C82 #B57289 #C8778E #DB7B90

#6B5261 - #A36C82 - #DB7B90

CSS codes

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

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