#4646DA - #CACAF4 | 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 #4646DA to #CACAF4

#4646DA #CACAF4

Calculate the color between two colors, #4646DA and #CACAF4. 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)

#4646DA - #CACAF4 | 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 #4646DA as 0% and #CACAF4 as 100%.

0.0%	0.0% #4646DA	RGB 70 70 218	#4646DA
16.7%	16.7% #5C5CDE	RGB 92 92 222	#5C5CDE
33.3%	33.3% #7272E2	RGB 114 114 226	#7272E2
50.0%	50.0% #8888E7	RGB 136 136 231	#8888E7
66.7%	66.7% #9E9EEB	RGB 158 158 235	#9E9EEB
83.3%	83.3% #B4B4EF	RGB 180 180 239	#B4B4EF
100.0%	100.0% #CACAF4	RGB 202 202 244	#CACAF4

#4646DA #5C5CDE #7272E2 #8888E7 #9E9EEB #B4B4EF #CACAF4

#4646DA - #CACAF4

HSV Blend

#4646DA - #CACAF4 | 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 #4646DA as 0% and #CACAF4 as 100%.

0.0%	0.0% #4646DA	RGB 70 70 218	#4646DA
16.7%	16.7% #5A5ADE	RGB 90 90 222	#5A5ADE
33.3%	33.3% #6F6FE2	RGB 111 111 226	#6F6FE2
50.0%	50.0% #8484E7	RGB 132 132 231	#8484E7
66.7%	66.7% #9B9BEB	RGB 155 155 235	#9B9BEB
83.3%	83.3% #B2B2EF	RGB 178 178 239	#B2B2EF
100.0%	100.0% #CACAF4	RGB 202 202 244	#CACAF4

#4646DA #5A5ADE #6F6FE2 #8484E7 #9B9BEB #B2B2EF #CACAF4

#4646DA - #8484E7 - #CACAF4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4646DA 0%, #8484E7 50%, #CACAF4 100%);
    background: -webkit-linear-gradient(top, #4646DA 0%, #8484E7 50%, #CACAF4 100%);
    background: linear-gradient(to bottom, #4646DA 0%, #8484E7 50%, #CACAF4 100%);
}
</style>