#65808F - #B5A8AF | 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 #65808F to #B5A8AF

#65808F #B5A8AF

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

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

0.0%	0.0% #65808F	RGB 101 128 143	#65808F
16.7%	16.7% #728694	RGB 114 134 148	#728694
33.3%	33.3% #7F8D99	RGB 127 141 153	#7F8D99
50.0%	50.0% #8D949F	RGB 141 148 159	#8D949F
66.7%	66.7% #9A9AA4	RGB 154 154 164	#9A9AA4
83.3%	83.3% #A7A1A9	RGB 167 161 169	#A7A1A9
100.0%	100.0% #B5A8AF	RGB 181 168 175	#B5A8AF

#65808F #728694 #7F8D99 #8D949F #9A9AA4 #A7A1A9 #B5A8AF

#65808F - #B5A8AF

HSV Blend

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

0.0%	0.0% #65808F	RGB 101 128 143	#65808F
16.7%	16.7% #6E7A95	RGB 110 122 149	#6E7A95
33.3%	33.3% #7B799B	RGB 123 121 155	#7B799B
50.0%	50.0% #9084A2	RGB 144 132 162	#9084A2
66.7%	66.7% #A28FA8	RGB 162 143 168	#A28FA8
83.3%	83.3% #AE9BAC	RGB 174 155 172	#AE9BAC
100.0%	100.0% #B5A8AF	RGB 181 168 175	#B5A8AF

#65808F #6E7A95 #7B799B #9084A2 #A28FA8 #AE9BAC #B5A8AF

#65808F - #9084A2 - #B5A8AF

CSS codes

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

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