#4A369F - #CBC5E3 | 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 #4A369F to #CBC5E3

#4A369F #CBC5E3

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

#4A369F - #CBC5E3 | 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 #4A369F as 0% and #CBC5E3 as 100%.

0.0%	0.0% #4A369F	RGB 74 54 159	#4A369F
16.7%	16.7% #5F4DAA	RGB 95 77 170	#5F4DAA
33.3%	33.3% #7565B5	RGB 117 101 181	#7565B5
50.0%	50.0% #8A7DC1	RGB 138 125 193	#8A7DC1
66.7%	66.7% #A095CC	RGB 160 149 204	#A095CC
83.3%	83.3% #B5ADD7	RGB 181 173 215	#B5ADD7
100.0%	100.0% #CBC5E3	RGB 203 197 227	#CBC5E3

#4A369F #5F4DAA #7565B5 #8A7DC1 #A095CC #B5ADD7 #CBC5E3

#4A369F - #CBC5E3

HSV Blend

#4A369F - #CBC5E3 | 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 #4A369F as 0% and #CBC5E3 as 100%.

0.0%	0.0% #4A369F	RGB 74 54 159	#4A369F
16.7%	16.7% #5B48AA	RGB 91 72 170	#5B48AA
33.3%	33.3% #6E5DB5	RGB 110 93 181	#6E5DB5
50.0%	50.0% #8374C1	RGB 131 116 193	#8374C1
66.7%	66.7% #998DCC	RGB 153 141 204	#998DCC
83.3%	83.3% #B1A8D7	RGB 177 168 215	#B1A8D7
100.0%	100.0% #CBC5E3	RGB 203 197 227	#CBC5E3

#4A369F #5B48AA #6E5DB5 #8374C1 #998DCC #B1A8D7 #CBC5E3

#4A369F - #8374C1 - #CBC5E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A369F 0%, #8374C1 50%, #CBC5E3 100%);
    background: -webkit-linear-gradient(top, #4A369F 0%, #8374C1 50%, #CBC5E3 100%);
    background: linear-gradient(to bottom, #4A369F 0%, #8374C1 50%, #CBC5E3 100%);
}
</style>