#65738F - #B5A8AB | 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 #65738F to #B5A8AB

#65738F #B5A8AB

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

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

0.0%	0.0% #65738F	RGB 101 115 143	#65738F
16.7%	16.7% #727B93	RGB 114 123 147	#727B93
33.3%	33.3% #7F8498	RGB 127 132 152	#7F8498
50.0%	50.0% #8D8D9D	RGB 141 141 157	#8D8D9D
66.7%	66.7% #9A96A1	RGB 154 150 161	#9A96A1
83.3%	83.3% #A79FA6	RGB 167 159 166	#A79FA6
100.0%	100.0% #B5A8AB	RGB 181 168 171	#B5A8AB

#65738F #727B93 #7F8498 #8D8D9D #9A96A1 #A79FA6 #B5A8AB

#65738F - #B5A8AB

HSV Blend

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

0.0%	0.0% #65738F	RGB 101 115 143	#65738F
16.7%	16.7% #6F6E95	RGB 111 110 149	#6F6E95
33.3%	33.3% #86799B	RGB 134 121 155	#86799B
50.0%	50.0% #9984A2	RGB 153 132 162	#9984A2
66.7%	66.7% #A88FA6	RGB 168 143 166	#A88FA6
83.3%	83.3% #AE9BA6	RGB 174 155 166	#AE9BA6
100.0%	100.0% #B5A8AB	RGB 181 168 171	#B5A8AB

#65738F #6F6E95 #86799B #9984A2 #A88FA6 #AE9BA6 #B5A8AB

#65738F - #9984A2 - #B5A8AB

CSS codes

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

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