#4E3E5A - #CCC7CF | 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 #4E3E5A to #CCC7CF

#4E3E5A #CCC7CF

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

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

0.0%	0.0% #4E3E5A	RGB 78 62 90	#4E3E5A
16.7%	16.7% #63546D	RGB 99 84 109	#63546D
33.3%	33.3% #786B81	RGB 120 107 129	#786B81
50.0%	50.0% #8D8294	RGB 141 130 148	#8D8294
66.7%	66.7% #A299A8	RGB 162 153 168	#A299A8
83.3%	83.3% #B7B0BB	RGB 183 176 187	#B7B0BB
100.0%	100.0% #CCC7CF	RGB 204 199 207	#CCC7CF

#4E3E5A #63546D #786B81 #8D8294 #A299A8 #B7B0BB #CCC7CF

#4E3E5A - #CCC7CF

HSV Blend

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

0.0%	0.0% #4E3E5A	RGB 78 62 90	#4E3E5A
16.7%	16.7% #61506D	RGB 97 80 109	#61506D
33.3%	33.3% #756481	RGB 117 100 129	#756481
50.0%	50.0% #8A7A94	RGB 138 122 148	#8A7A94
66.7%	66.7% #9F92A8	RGB 159 146 168	#9F92A8
83.3%	83.3% #B5ABBB	RGB 181 171 187	#B5ABBB
100.0%	100.0% #CCC7CF	RGB 204 199 207	#CCC7CF

#4E3E5A #61506D #756481 #8A7A94 #9F92A8 #B5ABBB #CCC7CF

#4E3E5A - #8A7A94 - #CCC7CF

CSS codes

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

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