#4848A8 - #CACAE6 | 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 #4848A8 to #CACAE6

#4848A8 #CACAE6

Calculate the color between two colors, #4848A8 and #CACAE6. 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)

#4848A8 - #CACAE6 | 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 #4848A8 as 0% and #CACAE6 as 100%.

0.0%	0.0% #4848A8	RGB 72 72 168	#4848A8
16.7%	16.7% #5D5DB2	RGB 93 93 178	#5D5DB2
33.3%	33.3% #7373BC	RGB 115 115 188	#7373BC
50.0%	50.0% #8989C7	RGB 137 137 199	#8989C7
66.7%	66.7% #9E9ED1	RGB 158 158 209	#9E9ED1
83.3%	83.3% #B4B4DB	RGB 180 180 219	#B4B4DB
100.0%	100.0% #CACAE6	RGB 202 202 230	#CACAE6

#4848A8 #5D5DB2 #7373BC #8989C7 #9E9ED1 #B4B4DB #CACAE6

#4848A8 - #CACAE6

HSV Blend

#4848A8 - #CACAE6 | 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 #4848A8 as 0% and #CACAE6 as 100%.

0.0%	0.0% #4848A8	RGB 72 72 168	#4848A8
16.7%	16.7% #5959B2	RGB 89 89 178	#5959B2
33.3%	33.3% #6D6DBC	RGB 109 109 188	#6D6DBC
50.0%	50.0% #8282C7	RGB 130 130 199	#8282C7
66.7%	66.7% #9898D1	RGB 152 152 209	#9898D1
83.3%	83.3% #B0B0DB	RGB 176 176 219	#B0B0DB
100.0%	100.0% #CACAE6	RGB 202 202 230	#CACAE6

#4848A8 #5959B2 #6D6DBC #8282C7 #9898D1 #B0B0DB #CACAE6

#4848A8 - #8282C7 - #CACAE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4848A8 0%, #8282C7 50%, #CACAE6 100%);
    background: -webkit-linear-gradient(top, #4848A8 0%, #8282C7 50%, #CACAE6 100%);
    background: linear-gradient(to bottom, #4848A8 0%, #8282C7 50%, #CACAE6 100%);
}
</style>