#4C52A8 - #8F9BCA | 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 #4C52A8 to #8F9BCA

#4C52A8 #8F9BCA

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

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

0.0%	0.0% #4C52A8	RGB 76 82 168	#4C52A8
16.7%	16.7% #575EAD	RGB 87 94 173	#575EAD
33.3%	33.3% #626AB3	RGB 98 106 179	#626AB3
50.0%	50.0% #6D76B9	RGB 109 118 185	#6D76B9
66.7%	66.7% #7882BE	RGB 120 130 190	#7882BE
83.3%	83.3% #838EC4	RGB 131 142 196	#838EC4
100.0%	100.0% #8F9BCA	RGB 143 155 202	#8F9BCA

#4C52A8 #575EAD #626AB3 #6D76B9 #7882BE #838EC4 #8F9BCA

#4C52A8 - #8F9BCA

HSV Blend

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

0.0%	0.0% #4C51A8	RGB 76 81 168	#4C51A8
16.7%	16.7% #555DAD	RGB 85 93 173	#555DAD
33.3%	33.3% #6069B3	RGB 96 105 179	#6069B3
50.0%	50.0% #6B75B9	RGB 107 117 185	#6B75B9
66.7%	66.7% #7682BE	RGB 118 130 190	#7682BE
83.3%	83.3% #828EC4	RGB 130 142 196	#828EC4
100.0%	100.0% #8F9BCA	RGB 143 155 202	#8F9BCA

#4C51A8 #555DAD #6069B3 #6B75B9 #7682BE #828EC4 #8F9BCA

#4C52A8 - #6B75B9 - #8F9BCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C51A8 0%, #6B75B9 50%, #8F9BCA 100%);
    background: -webkit-linear-gradient(top, #4C51A8 0%, #6B75B9 50%, #8F9BCA 100%);
    background: linear-gradient(to bottom, #4C51A8 0%, #6B75B9 50%, #8F9BCA 100%);
}
</style>