#4D2B5B - #CBC2D0 | 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 #4D2B5B to #CBC2D0

#4D2B5B #CBC2D0

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

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

0.0%	0.0% #4D2B5B	RGB 77 43 91	#4D2B5B
16.7%	16.7% #62446E	RGB 98 68 110	#62446E
33.3%	33.3% #775D82	RGB 119 93 130	#775D82
50.0%	50.0% #8C7695	RGB 140 118 149	#8C7695
66.7%	66.7% #A18FA9	RGB 161 143 169	#A18FA9
83.3%	83.3% #B6A8BC	RGB 182 168 188	#B6A8BC
100.0%	100.0% #CBC2D0	RGB 203 194 208	#CBC2D0

#4D2B5B #62446E #775D82 #8C7695 #A18FA9 #B6A8BC #CBC2D0

#4D2B5B - #CBC2D0

HSV Blend

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

0.0%	0.0% #4C2B5B	RGB 76 43 91	#4C2B5B
16.7%	16.7% #5F3C6E	RGB 95 60 110	#5F3C6E
33.3%	33.3% #725182	RGB 114 81 130	#725182
50.0%	50.0% #876995	RGB 135 105 149	#876995
66.7%	66.7% #9C83A9	RGB 156 131 169	#9C83A9
83.3%	83.3% #B3A1BC	RGB 179 161 188	#B3A1BC
100.0%	100.0% #CBC2D0	RGB 203 194 208	#CBC2D0

#4C2B5B #5F3C6E #725182 #876995 #9C83A9 #B3A1BC #CBC2D0

#4D2B5B - #876995 - #CBC2D0

CSS codes

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

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