#4D044C - #CCB7CC | 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 #4D044C to #CCB7CC

#4D044C #CCB7CC

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

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

0.0%	0.0% #4D044C	RGB 77 4 76	#4D044C
16.7%	16.7% #622161	RGB 98 33 97	#622161
33.3%	33.3% #773F76	RGB 119 63 118	#773F76
50.0%	50.0% #8C5D8C	RGB 140 93 140	#8C5D8C
66.7%	66.7% #A17BA1	RGB 161 123 161	#A17BA1
83.3%	83.3% #B699B6	RGB 182 153 182	#B699B6
100.0%	100.0% #CCB7CC	RGB 204 183 204	#CCB7CC

#4D044C #622161 #773F76 #8C5D8C #A17BA1 #B699B6 #CCB7CC

#4D044C - #CCB7CC

HSV Blend

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

0.0%	0.0% #4D044C	RGB 77 4 76	#4D044C
16.7%	16.7% #621261	RGB 98 18 97	#621261
33.3%	33.3% #772776	RGB 119 39 118	#772776
50.0%	50.0% #8C428B	RGB 140 66 139	#8C428B
66.7%	66.7% #A163A1	RGB 161 99 161	#A163A1
83.3%	83.3% #B68AB6	RGB 182 138 182	#B68AB6
100.0%	100.0% #CCB7CC	RGB 204 183 204	#CCB7CC

#4D044C #621261 #772776 #8C428B #A163A1 #B68AB6 #CCB7CC

#4D044C - #8C428B - #CCB7CC

CSS codes

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

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