#6B2D4B - #CE716B | 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 #6B2D4B to #CE716B

#6B2D4B #CE716B

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

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

0.0%	0.0% #6B2D4B	RGB 107 45 75	#6B2D4B
16.7%	16.7% #7B3850	RGB 123 56 80	#7B3850
33.3%	33.3% #8C4355	RGB 140 67 85	#8C4355
50.0%	50.0% #9C4F5B	RGB 156 79 91	#9C4F5B
66.7%	66.7% #AD5A60	RGB 173 90 96	#AD5A60
83.3%	83.3% #BD6565	RGB 189 101 101	#BD6565
100.0%	100.0% #CE716B	RGB 206 113 107	#CE716B

#6B2D4B #7B3850 #8C4355 #9C4F5B #AD5A60 #BD6565 #CE716B

#6B2D4B - #CE716B

HSV Blend

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

0.0%	0.0% #6B2D4A	RGB 107 45 74	#6B2D4A
16.7%	16.7% #7B3551	RGB 123 53 81	#7B3551
33.3%	33.3% #8C3F56	RGB 140 63 86	#8C3F56
50.0%	50.0% #9C495B	RGB 156 73 91	#9C495B
66.7%	66.7% #AD545E	RGB 173 84 94	#AD545E
83.3%	83.3% #BD5F62	RGB 189 95 98	#BD5F62
100.0%	100.0% #CE716B	RGB 206 113 107	#CE716B

#6B2D4A #7B3551 #8C3F56 #9C495B #AD545E #BD5F62 #CE716B

#6B2D4B - #9C495B - #CE716B

CSS codes

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

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