#4B4BA1 - #8B94C5 | 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 #4B4BA1 to #8B94C5

#4B4BA1 #8B94C5

Calculate the color between two colors, #4B4BA1 and #8B94C5. 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)

#4B4BA1 - #8B94C5 | 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 #4B4BA1 as 0% and #8B94C5 as 100%.

0.0%	0.0% #4B4BA1	RGB 75 75 161	#4B4BA1
16.7%	16.7% #5557A7	RGB 85 87 167	#5557A7
33.3%	33.3% #6063AD	RGB 96 99 173	#6063AD
50.0%	50.0% #6B6FB3	RGB 107 111 179	#6B6FB3
66.7%	66.7% #757BB9	RGB 117 123 185	#757BB9
83.3%	83.3% #8087BF	RGB 128 135 191	#8087BF
100.0%	100.0% #8B94C5	RGB 139 148 197	#8B94C5

#4B4BA1 #5557A7 #6063AD #6B6FB3 #757BB9 #8087BF #8B94C5

#4B4BA1 - #8B94C5

HSV Blend

#4B4BA1 - #8B94C5 | 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 #4B4BA1 as 0% and #8B94C5 as 100%.

0.0%	0.0% #4B4BA1	RGB 75 75 161	#4B4BA1
16.7%	16.7% #5456A7	RGB 84 86 167	#5456A7
33.3%	33.3% #5E62AD	RGB 94 98 173	#5E62AD
50.0%	50.0% #686EB3	RGB 104 110 179	#686EB3
66.7%	66.7% #737AB9	RGB 115 122 185	#737AB9
83.3%	83.3% #7F87BF	RGB 127 135 191	#7F87BF
100.0%	100.0% #8B94C5	RGB 139 148 197	#8B94C5

#4B4BA1 #5456A7 #5E62AD #686EB3 #737AB9 #7F87BF #8B94C5

#4B4BA1 - #686EB3 - #8B94C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B4BA1 0%, #686EB3 50%, #8B94C5 100%);
    background: -webkit-linear-gradient(top, #4B4BA1 0%, #686EB3 50%, #8B94C5 100%);
    background: linear-gradient(to bottom, #4B4BA1 0%, #686EB3 50%, #8B94C5 100%);
}
</style>