#4C3C7E - #CBC7DA | 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 #4C3C7E to #CBC7DA

#4C3C7E #CBC7DA

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

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

0.0%	0.0% #4C3C7E	RGB 76 60 126	#4C3C7E
16.7%	16.7% #61538D	RGB 97 83 141	#61538D
33.3%	33.3% #766A9C	RGB 118 106 156	#766A9C
50.0%	50.0% #8B81AC	RGB 139 129 172	#8B81AC
66.7%	66.7% #A098BB	RGB 160 152 187	#A098BB
83.3%	83.3% #B5AFCA	RGB 181 175 202	#B5AFCA
100.0%	100.0% #CBC7DA	RGB 203 199 218	#CBC7DA

#4C3C7E #61538D #766A9C #8B81AC #A098BB #B5AFCA #CBC7DA

#4C3C7E - #CBC7DA

HSV Blend

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

0.0%	0.0% #4C3C7E	RGB 76 60 126	#4C3C7E
16.7%	16.7% #5C4D8D	RGB 92 77 141	#5C4D8D
33.3%	33.3% #6F619C	RGB 111 97 156	#6F619C
50.0%	50.0% #8377AC	RGB 131 119 172	#8377AC
66.7%	66.7% #998FBB	RGB 153 143 187	#998FBB
83.3%	83.3% #B1AACA	RGB 177 170 202	#B1AACA
100.0%	100.0% #CBC7DA	RGB 203 199 218	#CBC7DA

#4C3C7E #5C4D8D #6F619C #8377AC #998FBB #B1AACA #CBC7DA

#4C3C7E - #8377AC - #CBC7DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C3C7E 0%, #8377AC 50%, #CBC7DA 100%);
    background: -webkit-linear-gradient(top, #4C3C7E 0%, #8377AC 50%, #CBC7DA 100%);
    background: linear-gradient(to bottom, #4C3C7E 0%, #8377AC 50%, #CBC7DA 100%);
}
</style>