#5E638C - #BDB8AA | 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 #5E638C to #BDB8AA

#5E638C #BDB8AA

Calculate the color between two colors, #5E638C and #BDB8AA. 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)

#5E638C - #BDB8AA | 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 #5E638C as 0% and #BDB8AA as 100%.

0.0%	0.0% #5E638C	RGB 94 99 140	#5E638C
16.7%	16.7% #6D7191	RGB 109 113 145	#6D7191
33.3%	33.3% #7D7F96	RGB 125 127 150	#7D7F96
50.0%	50.0% #8D8D9B	RGB 141 141 155	#8D8D9B
66.7%	66.7% #9D9BA0	RGB 157 155 160	#9D9BA0
83.3%	83.3% #ADA9A5	RGB 173 169 165	#ADA9A5
100.0%	100.0% #BDB8AA	RGB 189 184 170	#BDB8AA

#5E638C #6D7191 #7D7F96 #8D8D9B #9D9BA0 #ADA9A5 #BDB8AA

#5E638C - #BDB8AA

HSV Blend

#5E638C - #BDB8AA | 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 #5E638C as 0% and #BDB8AA as 100%.

0.0%	0.0% #5E638C	RGB 94 99 140	#5E638C
16.7%	16.7% #786994	RGB 120 105 148	#786994
33.3%	33.3% #96749C	RGB 150 116 156	#96749C
50.0%	50.0% #A48199	RGB 164 129 153	#A48199
66.7%	66.7% #AC8E94	RGB 172 142 148	#AC8E94
83.3%	83.3% #B4A29B	RGB 180 162 155	#B4A29B
100.0%	100.0% #BDB8AA	RGB 189 184 170	#BDB8AA

#5E638C #786994 #96749C #A48199 #AC8E94 #B4A29B #BDB8AA

#5E638C - #A48199 - #BDB8AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E638C 0%, #A48199 50%, #BDB8AA 100%);
    background: -webkit-linear-gradient(top, #5E638C 0%, #A48199 50%, #BDB8AA 100%);
    background: linear-gradient(to bottom, #5E638C 0%, #A48199 50%, #BDB8AA 100%);
}
</style>