#6B2D4A - #CE706B | 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 #6B2D4A to #CE706B

#6B2D4A #CE706B

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

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

0.0%	0.0% #6B2D4A	RGB 107 45 74	#6B2D4A
16.7%	16.7% #7B384F	RGB 123 56 79	#7B384F
33.3%	33.3% #8C4355	RGB 140 67 85	#8C4355
50.0%	50.0% #9C4E5A	RGB 156 78 90	#9C4E5A
66.7%	66.7% #AD5960	RGB 173 89 96	#AD5960
83.3%	83.3% #BD6465	RGB 189 100 101	#BD6465
100.0%	100.0% #CE706B	RGB 206 112 107	#CE706B

#6B2D4A #7B384F #8C4355 #9C4E5A #AD5960 #BD6465 #CE706B

#6B2D4A - #CE706B

HSV Blend

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

0.0%	0.0% #6B2D49	RGB 107 45 73	#6B2D49
16.7%	16.7% #7B3550	RGB 123 53 80	#7B3550
33.3%	33.3% #8C3F56	RGB 140 63 86	#8C3F56
50.0%	50.0% #9C495A	RGB 156 73 90	#9C495A
66.7%	66.7% #AD545F	RGB 173 84 95	#AD545F
83.3%	83.3% #BD5F62	RGB 189 95 98	#BD5F62
100.0%	100.0% #CE706B	RGB 206 112 107	#CE706B

#6B2D49 #7B3550 #8C3F56 #9C495A #AD545F #BD5F62 #CE706B

#6B2D4A - #9C495A - #CE706B

CSS codes

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

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