#848FE8 - #252842 | 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 #252842

#848FE8 #252842

Calculate the color between two colors, #848FE8 and #252842. 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 - #252842 | 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 #252842 as 100%.

0.0%	0.0% #848FE8	RGB 132 143 232	#848FE8
16.7%	16.7% #747DCC	RGB 116 125 204	#747DCC
33.3%	33.3% #646CB0	RGB 100 108 176	#646CB0
50.0%	50.0% #545B95	RGB 84 91 149	#545B95
66.7%	66.7% #444A79	RGB 68 74 121	#444A79
83.3%	83.3% #34395D	RGB 52 57 93	#34395D
100.0%	100.0% #252842	RGB 37 40 66	#252842

#848FE8 #747DCC #646CB0 #545B95 #444A79 #34395D #252842

#848FE8 - #252842

HSV Blend

#848FE8 - #252842 | 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 #252842 as 100%.

0.0%	0.0% #848FE8	RGB 132 143 232	#848FE8
16.7%	16.7% #737DCC	RGB 115 125 204	#737DCC
33.3%	33.3% #646CB0	RGB 100 108 176	#646CB0
50.0%	50.0% #545B95	RGB 84 91 149	#545B95
66.7%	66.7% #444979	RGB 68 73 121	#444979
83.3%	83.3% #34385D	RGB 52 56 93	#34385D
100.0%	100.0% #252842	RGB 37 40 66	#252842

#848FE8 #737DCC #646CB0 #545B95 #444979 #34385D #252842

#848FE8 - #545B95 - #252842

CSS codes

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

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