#565B8F - #A59FAE | 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 #565B8F to #A59FAE

#565B8F #A59FAE

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

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

0.0%	0.0% #565B8F	RGB 86 91 143	#565B8F
16.7%	16.7% #636694	RGB 99 102 148	#636694
33.3%	33.3% #707199	RGB 112 113 153	#707199
50.0%	50.0% #7D7D9E	RGB 125 125 158	#7D7D9E
66.7%	66.7% #8A88A3	RGB 138 136 163	#8A88A3
83.3%	83.3% #9793A8	RGB 151 147 168	#9793A8
100.0%	100.0% #A59FAE	RGB 165 159 174	#A59FAE

#565B8F #636694 #707199 #7D7D9E #8A88A3 #9793A8 #A59FAE

#565B8F - #A59FAE

HSV Blend

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

0.0%	0.0% #565A8F	RGB 86 90 143	#565A8F
16.7%	16.7% #606194	RGB 96 97 148	#606194
33.3%	33.3% #6F6C99	RGB 111 108 153	#6F6C99
50.0%	50.0% #7E789E	RGB 126 120 158	#7E789E
66.7%	66.7% #8B84A3	RGB 139 132 163	#8B84A3
83.3%	83.3% #9891A8	RGB 152 145 168	#9891A8
100.0%	100.0% #A59FAE	RGB 165 159 174	#A59FAE

#565A8F #606194 #6F6C99 #7E789E #8B84A3 #9891A8 #A59FAE

#565B8F - #7E789E - #A59FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
    background: -webkit-linear-gradient(top, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
    background: linear-gradient(to bottom, #565A8F 0%, #7E789E 50%, #A59FAE 100%);
}
</style>