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

#4B379F #CBC5E3

Calculate the color between two colors, #4B379F 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)

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

0.0%	0.0% #4B379F	RGB 75 55 159	#4B379F
16.7%	16.7% #604EAA	RGB 96 78 170	#604EAA
33.3%	33.3% #7566B5	RGB 117 102 181	#7566B5
50.0%	50.0% #8B7EC1	RGB 139 126 193	#8B7EC1
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

#4B379F #604EAA #7566B5 #8B7EC1 #A095CC #B5ADD7 #CBC5E3

#4B379F - #CBC5E3

HSV Blend

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

0.0%	0.0% #4B379F	RGB 75 55 159	#4B379F
16.7%	16.7% #5C49AA	RGB 92 73 170	#5C49AA
33.3%	33.3% #6F5EB5	RGB 111 94 181	#6F5EB5
50.0%	50.0% #8475C1	RGB 132 117 193	#8475C1
66.7%	66.7% #9A8DCC	RGB 154 141 204	#9A8DCC
83.3%	83.3% #B1A8D7	RGB 177 168 215	#B1A8D7
100.0%	100.0% #CBC5E3	RGB 203 197 227	#CBC5E3

#4B379F #5C49AA #6F5EB5 #8475C1 #9A8DCC #B1A8D7 #CBC5E3

#4B379F - #8475C1 - #CBC5E3

CSS codes

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

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