#746F5E - #B77F93 | 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 #746F5E to #B77F93

#746F5E #B77F93

Calculate the color between two colors, #746F5E and #B77F93. 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)

#746F5E - #B77F93 | 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 #746F5E as 0% and #B77F93 as 100%.

0.0%	0.0% #746F5E	RGB 116 111 94	#746F5E
16.7%	16.7% #7F7166	RGB 127 113 102	#7F7166
33.3%	33.3% #8A746F	RGB 138 116 111	#8A746F
50.0%	50.0% #957778	RGB 149 119 120	#957778
66.7%	66.7% #A07981	RGB 160 121 129	#A07981
83.3%	83.3% #AB7C8A	RGB 171 124 138	#AB7C8A
100.0%	100.0% #B77F93	RGB 183 127 147	#B77F93

#746F5E #7F7166 #8A746F #957778 #A07981 #AB7C8A #B77F93

#746F5E - #B77F93

HSV Blend

#746F5E - #B77F93 | 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 #746F5E as 0% and #B77F93 as 100%.

0.0%	0.0% #746F5E	RGB 116 111 94	#746F5E
16.7%	16.7% #7F7464	RGB 127 116 100	#7F7464
33.3%	33.3% #8A776A	RGB 138 119 106	#8A776A
50.0%	50.0% #957870	RGB 149 120 112	#957870
66.7%	66.7% #A07675	RGB 160 118 117	#A07675
83.3%	83.3% #AB7A82	RGB 171 122 130	#AB7A82
100.0%	100.0% #B77F93	RGB 183 127 147	#B77F93

#746F5E #7F7464 #8A776A #957870 #A07675 #AB7A82 #B77F93

#746F5E - #957870 - #B77F93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #746F5E 0%, #957870 50%, #B77F93 100%);
    background: -webkit-linear-gradient(top, #746F5E 0%, #957870 50%, #B77F93 100%);
    background: linear-gradient(to bottom, #746F5E 0%, #957870 50%, #B77F93 100%);
}
</style>