#5E719A - #B7B4B5 | 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 #5E719A to #B7B4B5

#5E719A #B7B4B5

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

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

0.0%	0.0% #5E719A	RGB 94 113 154	#5E719A
16.7%	16.7% #6C7C9E	RGB 108 124 158	#6C7C9E
33.3%	33.3% #7B87A3	RGB 123 135 163	#7B87A3
50.0%	50.0% #8A92A7	RGB 138 146 167	#8A92A7
66.7%	66.7% #999DAC	RGB 153 157 172	#999DAC
83.3%	83.3% #A8A8B0	RGB 168 168 176	#A8A8B0
100.0%	100.0% #B7B4B5	RGB 183 180 181	#B7B4B5

#5E719A #6C7C9E #7B87A3 #8A92A7 #999DAC #A8A8B0 #B7B4B5

#5E719A - #B7B4B5

HSV Blend

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

0.0%	0.0% #5E719A	RGB 94 113 154	#5E719A
16.7%	16.7% #6B6A9E	RGB 107 106 158	#6B6A9E
33.3%	33.3% #8778A3	RGB 135 120 163	#8778A3
50.0%	50.0% #9D86A8	RGB 157 134 168	#9D86A8
66.7%	66.7% #AD94AD	RGB 173 148 173	#AD94AD
83.3%	83.3% #B2A4AD	RGB 178 164 173	#B2A4AD
100.0%	100.0% #B7B4B5	RGB 183 180 181	#B7B4B5

#5E719A #6B6A9E #8778A3 #9D86A8 #AD94AD #B2A4AD #B7B4B5

#5E719A - #9D86A8 - #B7B4B5

CSS codes

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

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