#5E6A8B - #B7ACA8 | 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 #5E6A8B to #B7ACA8

#5E6A8B #B7ACA8

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

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

0.0%	0.0% #5E6A8B	RGB 94 106 139	#5E6A8B
16.7%	16.7% #6C758F	RGB 108 117 143	#6C758F
33.3%	33.3% #7B8094	RGB 123 128 148	#7B8094
50.0%	50.0% #8A8B99	RGB 138 139 153	#8A8B99
66.7%	66.7% #99969E	RGB 153 150 158	#99969E
83.3%	83.3% #A8A1A3	RGB 168 161 163	#A8A1A3
100.0%	100.0% #B7ACA8	RGB 183 172 168	#B7ACA8

#5E6A8B #6C758F #7B8094 #8A8B99 #99969E #A8A1A3 #B7ACA8

#5E6A8B - #B7ACA8

HSV Blend

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

0.0%	0.0% #5E6A8B	RGB 94 106 139	#5E6A8B
16.7%	16.7% #6F6892	RGB 111 104 146	#6F6892
33.3%	33.3% #897499	RGB 137 116 153	#897499
50.0%	50.0% #A180A1	RGB 161 128 161	#A180A1
66.7%	66.7% #A88C9C	RGB 168 140 156	#A88C9C
83.3%	83.3% #AF9A9D	RGB 175 154 157	#AF9A9D
100.0%	100.0% #B7ACA8	RGB 183 172 168	#B7ACA8

#5E6A8B #6F6892 #897499 #A180A1 #A88C9C #AF9A9D #B7ACA8

#5E6A8B - #A180A1 - #B7ACA8

CSS codes

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

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