#858DFF - #081BCC | 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 #858DFF to #081BCC

#858DFF #081BCC

Calculate the color between two colors, #858DFF and #081BCC. 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)

#858DFF - #081BCC | 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 #858DFF as 0% and #081BCC as 100%.

0.0%	0.0% #858DFF	RGB 133 141 255	#858DFF
16.7%	16.7% #707AF6	RGB 112 122 246	#707AF6
33.3%	33.3% #5B67EE	RGB 91 103 238	#5B67EE
50.0%	50.0% #4654E5	RGB 70 84 229	#4654E5
66.7%	66.7% #3141DD	RGB 49 65 221	#3141DD
83.3%	83.3% #1C2ED4	RGB 28 46 212	#1C2ED4
100.0%	100.0% #081BCC	RGB 8 27 204	#081BCC

#858DFF #707AF6 #5B67EE #4654E5 #3141DD #1C2ED4 #081BCC

#858DFF - #081BCC

HSV Blend

#858DFF - #081BCC | 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 #858DFF as 0% and #081BCC as 100%.

0.0%	0.0% #858DFF	RGB 133 141 255	#858DFF
16.7%	16.7% #6C76F6	RGB 108 118 246	#6C76F6
33.3%	33.3% #5561EE	RGB 85 97 238	#5561EE
50.0%	50.0% #404DE5	RGB 64 77 229	#404DE5
66.7%	66.7% #2C3BDD	RGB 44 59 221	#2C3BDD
83.3%	83.3% #192AD4	RGB 25 42 212	#192AD4
100.0%	100.0% #081BCC	RGB 8 27 204	#081BCC

#858DFF #6C76F6 #5561EE #404DE5 #2C3BDD #192AD4 #081BCC

#858DFF - #404DE5 - #081BCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858DFF 0%, #404DE5 50%, #081BCC 100%);
    background: -webkit-linear-gradient(top, #858DFF 0%, #404DE5 50%, #081BCC 100%);
    background: linear-gradient(to bottom, #858DFF 0%, #404DE5 50%, #081BCC 100%);
}
</style>