#565F6A - #B5A28E | 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 #565F6A to #B5A28E

#565F6A #B5A28E

Calculate the color between two colors, #565F6A and #B5A28E. 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)

#565F6A - #B5A28E | 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 #565F6A as 0% and #B5A28E as 100%.

0.0%	0.0% #565F6A	RGB 86 95 106	#565F6A
16.7%	16.7% #656A70	RGB 101 106 112	#656A70
33.3%	33.3% #757576	RGB 117 117 118	#757576
50.0%	50.0% #85807C	RGB 133 128 124	#85807C
66.7%	66.7% #958B82	RGB 149 139 130	#958B82
83.3%	83.3% #A59688	RGB 165 150 136	#A59688
100.0%	100.0% #B5A28E	RGB 181 162 142	#B5A28E

#565F6A #656A70 #757576 #85807C #958B82 #A59688 #B5A28E

#565F6A - #B5A28E

HSV Blend

#565F6A - #B5A28E | 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 #565F6A as 0% and #B5A28E as 100%.

0.0%	0.0% #565F6A	RGB 86 95 106	#565F6A
16.7%	16.7% #605F76	RGB 96 95 118	#605F76
33.3%	33.3% #776983	RGB 119 105 131	#776983
50.0%	50.0% #8F728E	RGB 143 114 142	#8F728E
66.7%	66.7% #9C7B8B	RGB 156 123 139	#9C7B8B
83.3%	83.3% #A88584	RGB 168 133 132	#A88584
100.0%	100.0% #B5A28E	RGB 181 162 142	#B5A28E

#565F6A #605F76 #776983 #8F728E #9C7B8B #A88584 #B5A28E

#565F6A - #8F728E - #B5A28E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565F6A 0%, #8F728E 50%, #B5A28E 100%);
    background: -webkit-linear-gradient(top, #565F6A 0%, #8F728E 50%, #B5A28E 100%);
    background: linear-gradient(to bottom, #565F6A 0%, #8F728E 50%, #B5A28E 100%);
}
</style>