#6C5E5D - #CF8499 | 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 #6C5E5D to #CF8499

#6C5E5D #CF8499

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

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

0.0%	0.0% #6C5E5D	RGB 108 94 93	#6C5E5D
16.7%	16.7% #7C6467	RGB 124 100 103	#7C6467
33.3%	33.3% #8D6A71	RGB 141 106 113	#8D6A71
50.0%	50.0% #9D717B	RGB 157 113 123	#9D717B
66.7%	66.7% #AE7785	RGB 174 119 133	#AE7785
83.3%	83.3% #BE7D8F	RGB 190 125 143	#BE7D8F
100.0%	100.0% #CF8499	RGB 207 132 153	#CF8499

#6C5E5D #7C6467 #8D6A71 #9D717B #AE7785 #BE7D8F #CF8499

#6C5E5D - #CF8499

HSV Blend

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

0.0%	0.0% #6C5E5D	RGB 108 94 93	#6C5E5D
16.7%	16.7% #7C6666	RGB 124 102 102	#7C6666
33.3%	33.3% #8D6E70	RGB 141 110 112	#8D6E70
50.0%	50.0% #9D767A	RGB 157 118 122	#9D767A
66.7%	66.7% #AE7B84	RGB 174 123 132	#AE7B84
83.3%	83.3% #BE808E	RGB 190 128 142	#BE808E
100.0%	100.0% #CF8499	RGB 207 132 153	#CF8499

#6C5E5D #7C6666 #8D6E70 #9D767A #AE7B84 #BE808E #CF8499

#6C5E5D - #9D767A - #CF8499

CSS codes

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

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