#744C3C - #BF71A8 | 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 #744C3C to #BF71A8

#744C3C #BF71A8

Calculate the color between two colors, #744C3C and #BF71A8. 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)

#744C3C - #BF71A8 | 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 #744C3C as 0% and #BF71A8 as 100%.

0.0%	0.0% #744C3C	RGB 116 76 60	#744C3C
16.7%	16.7% #80524E	RGB 128 82 78	#80524E
33.3%	33.3% #8D5860	RGB 141 88 96	#8D5860
50.0%	50.0% #995E72	RGB 153 94 114	#995E72
66.7%	66.7% #A66484	RGB 166 100 132	#A66484
83.3%	83.3% #B26A96	RGB 178 106 150	#B26A96
100.0%	100.0% #BF71A8	RGB 191 113 168	#BF71A8

#744C3C #80524E #8D5860 #995E72 #A66484 #B26A96 #BF71A8

#744C3C - #BF71A8

HSV Blend

#744C3C - #BF71A8 | 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 #744C3C as 0% and #BF71A8 as 100%.

0.0%	0.0% #744C3C	RGB 116 76 60	#744C3C
16.7%	16.7% #804B44	RGB 128 75 68	#804B44
33.3%	33.3% #8D4C4F	RGB 141 76 79	#8D4C4F
50.0%	50.0% #995563	RGB 153 85 99	#995563
66.7%	66.7% #A65E79	RGB 166 94 121	#A65E79
83.3%	83.3% #B2678F	RGB 178 103 143	#B2678F
100.0%	100.0% #BF71A8	RGB 191 113 168	#BF71A8

#744C3C #804B44 #8D4C4F #995563 #A65E79 #B2678F #BF71A8

#744C3C - #995563 - #BF71A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #744C3C 0%, #995563 50%, #BF71A8 100%);
    background: -webkit-linear-gradient(top, #744C3C 0%, #995563 50%, #BF71A8 100%);
    background: linear-gradient(to bottom, #744C3C 0%, #995563 50%, #BF71A8 100%);
}
</style>