#848EB6 - #252833 | 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 #848EB6 to #252833

#848EB6 #252833

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

#848EB6 - #252833 | 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 #848EB6 as 0% and #252833 as 100%.

0.0%	0.0% #848EB6	RGB 132 142 182	#848EB6
16.7%	16.7% #747DA0	RGB 116 125 160	#747DA0
33.3%	33.3% #646C8A	RGB 100 108 138	#646C8A
50.0%	50.0% #545B74	RGB 84 91 116	#545B74
66.7%	66.7% #444A5E	RGB 68 74 94	#444A5E
83.3%	83.3% #343948	RGB 52 57 72	#343948
100.0%	100.0% #252833	RGB 37 40 51	#252833

#848EB6 #747DA0 #646C8A #545B74 #444A5E #343948 #252833

#848EB6 - #252833

HSV Blend

#848EB6 - #252833 | 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 #848EB6 as 0% and #252833 as 100%.

0.0%	0.0% #848EB6	RGB 132 142 182	#848EB6
16.7%	16.7% #747DA0	RGB 116 125 160	#747DA0
33.3%	33.3% #646C8A	RGB 100 108 138	#646C8A
50.0%	50.0% #545B74	RGB 84 91 116	#545B74
66.7%	66.7% #444A5E	RGB 68 74 94	#444A5E
83.3%	83.3% #343948	RGB 52 57 72	#343948
100.0%	100.0% #252833	RGB 37 40 51	#252833

#848EB6 #747DA0 #646C8A #545B74 #444A5E #343948 #252833

#848EB6 - #545B74 - #252833

CSS codes

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

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