#566B8C - #B4AFAC | 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 #566B8C to #B4AFAC

#566B8C #B4AFAC

Calculate the color between two colors, #566B8C and #B4AFAC. 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)

#566B8C - #B4AFAC | 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 #566B8C as 0% and #B4AFAC as 100%.

0.0%	0.0% #566B8C	RGB 86 107 140	#566B8C
16.7%	16.7% #657691	RGB 101 118 145	#657691
33.3%	33.3% #758196	RGB 117 129 150	#758196
50.0%	50.0% #858D9C	RGB 133 141 156	#858D9C
66.7%	66.7% #9498A1	RGB 148 152 161	#9498A1
83.3%	83.3% #A4A3A6	RGB 164 163 166	#A4A3A6
100.0%	100.0% #B4AFAC	RGB 180 175 172	#B4AFAC

#566B8C #657691 #758196 #858D9C #9498A1 #A4A3A6 #B4AFAC

#566B8C - #B4AFAC

HSV Blend

#566B8C - #B4AFAC | 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 #566B8C as 0% and #B4AFAC as 100%.

0.0%	0.0% #566B8C	RGB 86 107 140	#566B8C
16.7%	16.7% #656292	RGB 101 98 146	#656292
33.3%	33.3% #856F99	RGB 133 111 153	#856F99
50.0%	50.0% #9F7DA0	RGB 159 125 160	#9F7DA0
66.7%	66.7% #A68C9A	RGB 166 140 154	#A68C9A
83.3%	83.3% #AD9B9D	RGB 173 155 157	#AD9B9D
100.0%	100.0% #B4AFAC	RGB 180 175 172	#B4AFAC

#566B8C #656292 #856F99 #9F7DA0 #A68C9A #AD9B9D #B4AFAC

#566B8C - #9F7DA0 - #B4AFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #566B8C 0%, #9F7DA0 50%, #B4AFAC 100%);
    background: -webkit-linear-gradient(top, #566B8C 0%, #9F7DA0 50%, #B4AFAC 100%);
    background: linear-gradient(to bottom, #566B8C 0%, #9F7DA0 50%, #B4AFAC 100%);
}
</style>