#6B5E60 - #E37ABF | 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 #6B5E60 to #E37ABF

#6B5E60 #E37ABF

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

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

0.0%	0.0% #6B5E60	RGB 107 94 96	#6B5E60
16.7%	16.7% #7F626F	RGB 127 98 111	#7F626F
33.3%	33.3% #93677F	RGB 147 103 127	#93677F
50.0%	50.0% #A76C8F	RGB 167 108 143	#A76C8F
66.7%	66.7% #BB709F	RGB 187 112 159	#BB709F
83.3%	83.3% #CF75AF	RGB 207 117 175	#CF75AF
100.0%	100.0% #E37ABF	RGB 227 122 191	#E37ABF

#6B5E60 #7F626F #93677F #A76C8F #BB709F #CF75AF #E37ABF

#6B5E60 - #E37ABF

HSV Blend

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

0.0%	0.0% #6B5E60	RGB 107 94 96	#6B5E60
16.7%	16.7% #7F686D	RGB 127 104 109	#7F686D
33.3%	33.3% #93707B	RGB 147 112 123	#93707B
50.0%	50.0% #A7768A	RGB 167 118 138	#A7768A
66.7%	66.7% #BB7999	RGB 187 121 153	#BB7999
83.3%	83.3% #CF7BAB	RGB 207 123 171	#CF7BAB
100.0%	100.0% #E37ABF	RGB 227 122 191	#E37ABF

#6B5E60 #7F686D #93707B #A7768A #BB7999 #CF7BAB #E37ABF

#6B5E60 - #A7768A - #E37ABF

CSS codes

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

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