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

#4E3E58 #CCC7CF

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

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

0.0%	0.0% #4E3E58	RGB 78 62 88	#4E3E58
16.7%	16.7% #63546B	RGB 99 84 107	#63546B
33.3%	33.3% #786B7F	RGB 120 107 127	#786B7F
50.0%	50.0% #8D8293	RGB 141 130 147	#8D8293
66.7%	66.7% #A299A7	RGB 162 153 167	#A299A7
83.3%	83.3% #B7B0BB	RGB 183 176 187	#B7B0BB
100.0%	100.0% #CCC7CF	RGB 204 199 207	#CCC7CF

#4E3E58 #63546B #786B7F #8D8293 #A299A7 #B7B0BB #CCC7CF

#4E3E58 - #CCC7CF

HSV Blend

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

0.0%	0.0% #4E3E58	RGB 78 62 88	#4E3E58
16.7%	16.7% #61506B	RGB 97 80 107	#61506B
33.3%	33.3% #75647F	RGB 117 100 127	#75647F
50.0%	50.0% #8A7A93	RGB 138 122 147	#8A7A93
66.7%	66.7% #9F92A7	RGB 159 146 167	#9F92A7
83.3%	83.3% #B5ABBB	RGB 181 171 187	#B5ABBB
100.0%	100.0% #CCC7CF	RGB 204 199 207	#CCC7CF

#4E3E58 #61506B #75647F #8A7A93 #9F92A7 #B5ABBB #CCC7CF

#4E3E58 - #8A7A93 - #CCC7CF

CSS codes

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

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