#5E787C - #9191ED | 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 #5E787C to #9191ED

#5E787C #9191ED

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

#5E787C - #9191ED | 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 #5E787C as 0% and #9191ED as 100%.

0.0%	0.0% #5E787C	RGB 94 120 124	#5E787C
16.7%	16.7% #667C8E	RGB 102 124 142	#667C8E
33.3%	33.3% #6F80A1	RGB 111 128 161	#6F80A1
50.0%	50.0% #7784B4	RGB 119 132 180	#7784B4
66.7%	66.7% #8088C7	RGB 128 136 199	#8088C7
83.3%	83.3% #888CDA	RGB 136 140 218	#888CDA
100.0%	100.0% #9191ED	RGB 145 145 237	#9191ED

#5E787C #667C8E #6F80A1 #7784B4 #8088C7 #888CDA #9191ED

#5E787C - #9191ED

HSV Blend

#5E787C - #9191ED | 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 #5E787C as 0% and #9191ED as 100%.

0.0%	0.0% #5E787C	RGB 94 120 124	#5E787C
16.7%	16.7% #68848E	RGB 104 132 142	#68848E
33.3%	33.3% #728DA1	RGB 114 141 161	#728DA1
50.0%	50.0% #7B94B4	RGB 123 148 180	#7B94B4
66.7%	66.7% #8397C7	RGB 131 151 199	#8397C7
83.3%	83.3% #8A96DA	RGB 138 150 218	#8A96DA
100.0%	100.0% #9191ED	RGB 145 145 237	#9191ED

#5E787C #68848E #728DA1 #7B94B4 #8397C7 #8A96DA #9191ED

#5E787C - #7B94B4 - #9191ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E787C 0%, #7B94B4 50%, #9191ED 100%);
    background: -webkit-linear-gradient(top, #5E787C 0%, #7B94B4 50%, #9191ED 100%);
    background: linear-gradient(to bottom, #5E787C 0%, #7B94B4 50%, #9191ED 100%);
}
</style>