#65758F - #B5A8AC | 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 #65758F to #B5A8AC

#65758F #B5A8AC

Calculate the color between two colors, #65758F and #B5A8AC. 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)

#65758F - #B5A8AC | 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 #65758F as 0% and #B5A8AC as 100%.

0.0%	0.0% #65758F	RGB 101 117 143	#65758F
16.7%	16.7% #727D93	RGB 114 125 147	#727D93
33.3%	33.3% #7F8698	RGB 127 134 152	#7F8698
50.0%	50.0% #8D8E9D	RGB 141 142 157	#8D8E9D
66.7%	66.7% #9A97A2	RGB 154 151 162	#9A97A2
83.3%	83.3% #A79FA7	RGB 167 159 167	#A79FA7
100.0%	100.0% #B5A8AC	RGB 181 168 172	#B5A8AC

#65758F #727D93 #7F8698 #8D8E9D #9A97A2 #A79FA7 #B5A8AC

#65758F - #B5A8AC

HSV Blend

#65758F - #B5A8AC | 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 #65758F as 0% and #B5A8AC as 100%.

0.0%	0.0% #65758F	RGB 101 117 143	#65758F
16.7%	16.7% #6E7095	RGB 110 112 149	#6E7095
33.3%	33.3% #84799B	RGB 132 121 155	#84799B
50.0%	50.0% #9784A2	RGB 151 132 162	#9784A2
66.7%	66.7% #A88FA8	RGB 168 143 168	#A88FA8
83.3%	83.3% #AE9BA8	RGB 174 155 168	#AE9BA8
100.0%	100.0% #B5A8AC	RGB 181 168 172	#B5A8AC

#65758F #6E7095 #84799B #9784A2 #A88FA8 #AE9BA8 #B5A8AC

#65758F - #9784A2 - #B5A8AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65758F 0%, #9784A2 50%, #B5A8AC 100%);
    background: -webkit-linear-gradient(top, #65758F 0%, #9784A2 50%, #B5A8AC 100%);
    background: linear-gradient(to bottom, #65758F 0%, #9784A2 50%, #B5A8AC 100%);
}
</style>