#7B5B3C - #CF65A0 | 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 #7B5B3C to #CF65A0

#7B5B3C #CF65A0

Calculate the color between two colors, #7B5B3C and #CF65A0. 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)

#7B5B3C - #CF65A0 | 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 #7B5B3C as 0% and #CF65A0 as 100%.

0.0%	0.0% #7B5B3C	RGB 123 91 60	#7B5B3C
16.7%	16.7% #895C4C	RGB 137 92 76	#895C4C
33.3%	33.3% #975E5D	RGB 151 94 93	#975E5D
50.0%	50.0% #A5606E	RGB 165 96 110	#A5606E
66.7%	66.7% #B3617E	RGB 179 97 126	#B3617E
83.3%	83.3% #C1638F	RGB 193 99 143	#C1638F
100.0%	100.0% #CF65A0	RGB 207 101 160	#CF65A0

#7B5B3C #895C4C #975E5D #A5606E #B3617E #C1638F #CF65A0

#7B5B3C - #CF65A0

HSV Blend

#7B5B3C - #CF65A0 | 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 #7B5B3C as 0% and #CF65A0 as 100%.

0.0%	0.0% #7B5B3C	RGB 123 91 60	#7B5B3C
16.7%	16.7% #895942	RGB 137 89 66	#895942
33.3%	33.3% #975449	RGB 151 84 73	#975449
50.0%	50.0% #A55053	RGB 165 80 83	#A55053
66.7%	66.7% #B3576A	RGB 179 87 106	#B3576A
83.3%	83.3% #C15E83	RGB 193 94 131	#C15E83
100.0%	100.0% #CF65A0	RGB 207 101 160	#CF65A0

#7B5B3C #895942 #975449 #A55053 #B3576A #C15E83 #CF65A0

#7B5B3C - #A55053 - #CF65A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5B3C 0%, #A55053 50%, #CF65A0 100%);
    background: -webkit-linear-gradient(top, #7B5B3C 0%, #A55053 50%, #CF65A0 100%);
    background: linear-gradient(to bottom, #7B5B3C 0%, #A55053 50%, #CF65A0 100%);
}
</style>