#4F2F7B - #CDC3D9 | 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 #4F2F7B to #CDC3D9

#4F2F7B #CDC3D9

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

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

0.0%	0.0% #4F2F7B	RGB 79 47 123	#4F2F7B
16.7%	16.7% #64478A	RGB 100 71 138	#64478A
33.3%	33.3% #79609A	RGB 121 96 154	#79609A
50.0%	50.0% #8E79AA	RGB 142 121 170	#8E79AA
66.7%	66.7% #A391B9	RGB 163 145 185	#A391B9
83.3%	83.3% #B8AAC9	RGB 184 170 201	#B8AAC9
100.0%	100.0% #CDC3D9	RGB 205 195 217	#CDC3D9

#4F2F7B #64478A #79609A #8E79AA #A391B9 #B8AAC9 #CDC3D9

#4F2F7B - #CDC3D9

HSV Blend

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

0.0%	0.0% #4F2F7B	RGB 79 47 123	#4F2F7B
16.7%	16.7% #60408A	RGB 96 64 138	#60408A
33.3%	33.3% #73559A	RGB 115 85 154	#73559A
50.0%	50.0% #876CAA	RGB 135 108 170	#876CAA
66.7%	66.7% #9D86B9	RGB 157 134 185	#9D86B9
83.3%	83.3% #B4A3C9	RGB 180 163 201	#B4A3C9
100.0%	100.0% #CDC3D9	RGB 205 195 217	#CDC3D9

#4F2F7B #60408A #73559A #876CAA #9D86B9 #B4A3C9 #CDC3D9

#4F2F7B - #876CAA - #CDC3D9

CSS codes

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

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