#4D254C - #CCC0CB | 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 #4D254C to #CCC0CB

#4D254C #CCC0CB

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

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

0.0%	0.0% #4D254C	RGB 77 37 76	#4D254C
16.7%	16.7% #623E61	RGB 98 62 97	#623E61
33.3%	33.3% #775876	RGB 119 88 118	#775876
50.0%	50.0% #8C728B	RGB 140 114 139	#8C728B
66.7%	66.7% #A18CA0	RGB 161 140 160	#A18CA0
83.3%	83.3% #B6A6B5	RGB 182 166 181	#B6A6B5
100.0%	100.0% #CCC0CB	RGB 204 192 203	#CCC0CB

#4D254C #623E61 #775876 #8C728B #A18CA0 #B6A6B5 #CCC0CB

#4D254C - #CCC0CB

HSV Blend

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

0.0%	0.0% #4D254C	RGB 77 37 76	#4D254C
16.7%	16.7% #623660	RGB 98 54 96	#623660
33.3%	33.3% #774B75	RGB 119 75 117	#774B75
50.0%	50.0% #8C638A	RGB 140 99 138	#8C638A
66.7%	66.7% #A17F9F	RGB 161 127 159	#A17F9F
83.3%	83.3% #B69EB5	RGB 182 158 181	#B69EB5
100.0%	100.0% #CCC0CB	RGB 204 192 203	#CCC0CB

#4D254C #623660 #774B75 #8C638A #A17F9F #B69EB5 #CCC0CB

#4D254C - #8C638A - #CCC0CB

CSS codes

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

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