#7B7F5E - #BFA4CE | 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 #7B7F5E to #BFA4CE

#7B7F5E #BFA4CE

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

#7B7F5E - #BFA4CE | 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 #7B7F5E as 0% and #BFA4CE as 100%.

0.0%	0.0% #7B7F5E	RGB 123 127 94	#7B7F5E
16.7%	16.7% #868570	RGB 134 133 112	#868570
33.3%	33.3% #918B83	RGB 145 139 131	#918B83
50.0%	50.0% #9D9196	RGB 157 145 150	#9D9196
66.7%	66.7% #A897A8	RGB 168 151 168	#A897A8
83.3%	83.3% #B39DBB	RGB 179 157 187	#B39DBB
100.0%	100.0% #BFA4CE	RGB 191 164 206	#BFA4CE

#7B7F5E #868570 #918B83 #9D9196 #A897A8 #B39DBB #BFA4CE

#7B7F5E - #BFA4CE

HSV Blend

#7B7F5E - #BFA4CE | 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 #7B7F5E as 0% and #BFA4CE as 100%.

0.0%	0.0% #7B7F5E	RGB 123 127 94	#7B7F5E
16.7%	16.7% #8C8169	RGB 140 129 105	#8C8169
33.3%	33.3% #997F74	RGB 153 127 116	#997F74
50.0%	50.0% #A67F84	RGB 166 127 132	#A67F84
66.7%	66.7% #B38BA0	RGB 179 139 160	#B38BA0
83.3%	83.3% #C097BE	RGB 192 151 190	#C097BE
100.0%	100.0% #BFA4CE	RGB 191 164 206	#BFA4CE

#7B7F5E #8C8169 #997F74 #A67F84 #B38BA0 #C097BE #BFA4CE

#7B7F5E - #A67F84 - #BFA4CE

CSS codes

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

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