#5E758F - #BFB7AD | 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 #5E758F to #BFB7AD

#5E758F #BFB7AD

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

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

0.0%	0.0% #5E758F	RGB 94 117 143	#5E758F
16.7%	16.7% #6E8094	RGB 110 128 148	#6E8094
33.3%	33.3% #7E8B99	RGB 126 139 153	#7E8B99
50.0%	50.0% #8E969E	RGB 142 150 158	#8E969E
66.7%	66.7% #9EA1A3	RGB 158 161 163	#9EA1A3
83.3%	83.3% #AEACA8	RGB 174 172 168	#AEACA8
100.0%	100.0% #BFB7AD	RGB 191 183 173	#BFB7AD

#5E758F #6E8094 #7E8B99 #8E969E #9EA1A3 #AEACA8 #BFB7AD

#5E758F - #BFB7AD

HSV Blend

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

0.0%	0.0% #5E758F	RGB 94 117 143	#5E758F
16.7%	16.7% #699597	RGB 105 149 151	#699597
33.3%	33.3% #759F8B	RGB 117 159 139	#759F8B
50.0%	50.0% #82A784	RGB 130 167 132	#82A784
66.7%	66.7% #9EAF90	RGB 158 175 144	#9EAF90
83.3%	83.3% #B5B79E	RGB 181 183 158	#B5B79E
100.0%	100.0% #BFB7AD	RGB 191 183 173	#BFB7AD

#5E758F #699597 #759F8B #82A784 #9EAF90 #B5B79E #BFB7AD

#5E758F - #82A784 - #BFB7AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E758F 0%, #82A784 50%, #BFB7AD 100%);
    background: -webkit-linear-gradient(top, #5E758F 0%, #82A784 50%, #BFB7AD 100%);
    background: linear-gradient(to bottom, #5E758F 0%, #82A784 50%, #BFB7AD 100%);
}
</style>