#6B5259 - #DB827B | 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 #6B5259 to #DB827B

#6B5259 #DB827B

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

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

0.0%	0.0% #6B5259	RGB 107 82 89	#6B5259
16.7%	16.7% #7D5A5E	RGB 125 90 94	#7D5A5E
33.3%	33.3% #906264	RGB 144 98 100	#906264
50.0%	50.0% #A36A6A	RGB 163 106 106	#A36A6A
66.7%	66.7% #B5726F	RGB 181 114 111	#B5726F
83.3%	83.3% #C87A75	RGB 200 122 117	#C87A75
100.0%	100.0% #DB827B	RGB 219 130 123	#DB827B

#6B5259 #7D5A5E #906264 #A36A6A #B5726F #C87A75 #DB827B

#6B5259 - #DB827B

HSV Blend

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

0.0%	0.0% #6B5259	RGB 107 82 89	#6B5259
16.7%	16.7% #7D5C63	RGB 125 92 99	#7D5C63
33.3%	33.3% #90646B	RGB 144 100 107	#90646B
50.0%	50.0% #A36C71	RGB 163 108 113	#A36C71
66.7%	66.7% #B57275	RGB 181 114 117	#B57275
83.3%	83.3% #C87877	RGB 200 120 119	#C87877
100.0%	100.0% #DB827B	RGB 219 130 123	#DB827B

#6B5259 #7D5C63 #90646B #A36C71 #B57275 #C87877 #DB827B

#6B5259 - #A36C71 - #DB827B

CSS codes

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

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