#857CAA - #492A8D | 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 #857CAA to #492A8D

#857CAA #492A8D

Calculate the color between two colors, #857CAA and #492A8D. 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)

#857CAA - #492A8D | 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 #857CAA as 0% and #492A8D as 100%.

0.0%	0.0% #857CAA	RGB 133 124 170	#857CAA
16.7%	16.7% #7B6EA5	RGB 123 110 165	#7B6EA5
33.3%	33.3% #7160A0	RGB 113 96 160	#7160A0
50.0%	50.0% #67539B	RGB 103 83 155	#67539B
66.7%	66.7% #5D4596	RGB 93 69 150	#5D4596
83.3%	83.3% #533791	RGB 83 55 145	#533791
100.0%	100.0% #492A8D	RGB 73 42 141	#492A8D

#857CAA #7B6EA5 #7160A0 #67539B #5D4596 #533791 #492A8D

#857CAA - #492A8D

HSV Blend

#857CAA - #492A8D | 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 #857CAA as 0% and #492A8D as 100%.

0.0%	0.0% #857CAA	RGB 133 124 170	#857CAA
16.7%	16.7% #786CA5	RGB 120 108 165	#786CA5
33.3%	33.3% #6D5DA0	RGB 109 93 160	#6D5DA0
50.0%	50.0% #634F9B	RGB 99 79 155	#634F9B
66.7%	66.7% #594296	RGB 89 66 150	#594296
83.3%	83.3% #503591	RGB 80 53 145	#503591
100.0%	100.0% #492A8D	RGB 73 42 141	#492A8D

#857CAA #786CA5 #6D5DA0 #634F9B #594296 #503591 #492A8D

#857CAA - #634F9B - #492A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #857CAA 0%, #634F9B 50%, #492A8D 100%);
    background: -webkit-linear-gradient(top, #857CAA 0%, #634F9B 50%, #492A8D 100%);
    background: linear-gradient(to bottom, #857CAA 0%, #634F9B 50%, #492A8D 100%);
}
</style>