#4C4CB6 - #8598D9 | 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 #4C4CB6 to #8598D9

#4C4CB6 #8598D9

Calculate the color between two colors, #4C4CB6 and #8598D9. 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)

#4C4CB6 - #8598D9 | 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 #4C4CB6 as 0% and #8598D9 as 100%.

0.0%	0.0% #4C4CB6	RGB 76 76 182	#4C4CB6
16.7%	16.7% #5558BB	RGB 85 88 187	#5558BB
33.3%	33.3% #5F65C1	RGB 95 101 193	#5F65C1
50.0%	50.0% #6872C7	RGB 104 114 199	#6872C7
66.7%	66.7% #727ECD	RGB 114 126 205	#727ECD
83.3%	83.3% #7B8BD3	RGB 123 139 211	#7B8BD3
100.0%	100.0% #8598D9	RGB 133 152 217	#8598D9

#4C4CB6 #5558BB #5F65C1 #6872C7 #727ECD #7B8BD3 #8598D9

#4C4CB6 - #8598D9

HSV Blend

#4C4CB6 - #8598D9 | 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 #4C4CB6 as 0% and #8598D9 as 100%.

0.0%	0.0% #4C4CB6	RGB 76 76 182	#4C4CB6
16.7%	16.7% #5458BB	RGB 84 88 187	#5458BB
33.3%	33.3% #5D65C1	RGB 93 101 193	#5D65C1
50.0%	50.0% #6671C7	RGB 102 113 199	#6671C7
66.7%	66.7% #707ECD	RGB 112 126 205	#707ECD
83.3%	83.3% #7A8BD3	RGB 122 139 211	#7A8BD3
100.0%	100.0% #8598D9	RGB 133 152 217	#8598D9

#4C4CB6 #5458BB #5D65C1 #6671C7 #707ECD #7A8BD3 #8598D9

#4C4CB6 - #6671C7 - #8598D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4CB6 0%, #6671C7 50%, #8598D9 100%);
    background: -webkit-linear-gradient(top, #4C4CB6 0%, #6671C7 50%, #8598D9 100%);
    background: linear-gradient(to bottom, #4C4CB6 0%, #6671C7 50%, #8598D9 100%);
}
</style>