#848FE8 - #293AA9 | 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 #848FE8 to #293AA9

#848FE8 #293AA9

Calculate the color between two colors, #848FE8 and #293AA9. 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)

#848FE8 - #293AA9 | 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 #848FE8 as 0% and #293AA9 as 100%.

0.0%	0.0% #848FE8	RGB 132 143 232	#848FE8
16.7%	16.7% #7480DD	RGB 116 128 221	#7480DD
33.3%	33.3% #6572D3	RGB 101 114 211	#6572D3
50.0%	50.0% #5664C8	RGB 86 100 200	#5664C8
66.7%	66.7% #4756BE	RGB 71 86 190	#4756BE
83.3%	83.3% #3848B3	RGB 56 72 179	#3848B3
100.0%	100.0% #293AA9	RGB 41 58 169	#293AA9

#848FE8 #7480DD #6572D3 #5664C8 #4756BE #3848B3 #293AA9

#848FE8 - #293AA9

HSV Blend

#848FE8 - #293AA9 | 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 #848FE8 as 0% and #293AA9 as 100%.

0.0%	0.0% #848FE8	RGB 132 143 232	#848FE8
16.7%	16.7% #717EDD	RGB 113 126 221	#717EDD
33.3%	33.3% #616ED3	RGB 97 110 211	#616ED3
50.0%	50.0% #515FC8	RGB 81 95 200	#515FC8
66.7%	66.7% #4252BE	RGB 66 82 190	#4252BE
83.3%	83.3% #3545B3	RGB 53 69 179	#3545B3
100.0%	100.0% #293AA9	RGB 41 58 169	#293AA9

#848FE8 #717EDD #616ED3 #515FC8 #4252BE #3545B3 #293AA9

#848FE8 - #515FC8 - #293AA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848FE8 0%, #515FC8 50%, #293AA9 100%);
    background: -webkit-linear-gradient(top, #848FE8 0%, #515FC8 50%, #293AA9 100%);
    background: linear-gradient(to bottom, #848FE8 0%, #515FC8 50%, #293AA9 100%);
}
</style>