#5E7E65 - #B79DB9 | 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 #5E7E65 to #B79DB9

#5E7E65 #B79DB9

Calculate the color between two colors, #5E7E65 and #B79DB9. 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)

#5E7E65 - #B79DB9 | 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 #5E7E65 as 0% and #B79DB9 as 100%.

0.0%	0.0% #5E7E65	RGB 94 126 101	#5E7E65
16.7%	16.7% #6C8373	RGB 108 131 115	#6C8373
33.3%	33.3% #7B8881	RGB 123 136 129	#7B8881
50.0%	50.0% #8A8D8F	RGB 138 141 143	#8A8D8F
66.7%	66.7% #99929D	RGB 153 146 157	#99929D
83.3%	83.3% #A897AB	RGB 168 151 171	#A897AB
100.0%	100.0% #B79DB9	RGB 183 157 185	#B79DB9

#5E7E65 #6C8373 #7B8881 #8A8D8F #99929D #A897AB #B79DB9

#5E7E65 - #B79DB9

HSV Blend

#5E7E65 - #B79DB9 | 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 #5E7E65 as 0% and #B79DB9 as 100%.

0.0%	0.0% #5E7E65	RGB 94 126 101	#5E7E65
16.7%	16.7% #67877D	RGB 103 135 125	#67877D
33.3%	33.3% #718D91	RGB 113 141 145	#718D91
50.0%	50.0% #7B899B	RGB 123 137 155	#7B899B
66.7%	66.7% #8786A5	RGB 135 134 165	#8786A5
83.3%	83.3% #9F91AF	RGB 159 145 175	#9F91AF
100.0%	100.0% #B79DB9	RGB 183 157 185	#B79DB9

#5E7E65 #67877D #718D91 #7B899B #8786A5 #9F91AF #B79DB9

#5E7E65 - #7B899B - #B79DB9

CSS codes

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

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