#4D3E8C - #8DD1CB | 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 #4D3E8C to #8DD1CB

#4D3E8C #8DD1CB

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

#4D3E8C - #8DD1CB | 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 #4D3E8C as 0% and #8DD1CB as 100%.

0.0%	0.0% #4D3E8C	RGB 77 62 140	#4D3E8C
16.7%	16.7% #575696	RGB 87 86 150	#575696
33.3%	33.3% #626FA1	RGB 98 111 161	#626FA1
50.0%	50.0% #6D87AB	RGB 109 135 171	#6D87AB
66.7%	66.7% #77A0B6	RGB 119 160 182	#77A0B6
83.3%	83.3% #82B8C0	RGB 130 184 192	#82B8C0
100.0%	100.0% #8DD1CB	RGB 141 209 203	#8DD1CB

#4D3E8C #575696 #626FA1 #6D87AB #77A0B6 #82B8C0 #8DD1CB

#4D3E8C - #8DD1CB

HSV Blend

#4D3E8C - #8DD1CB | 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 #4D3E8C as 0% and #8DD1CB as 100%.

0.0%	0.0% #4D3E8C	RGB 77 62 140	#4D3E8C
16.7%	16.7% #484A97	RGB 72 74 151	#484A97
33.3%	33.3% #5467A3	RGB 84 103 163	#5467A3
50.0%	50.0% #6183AE	RGB 97 131 174	#6183AE
66.7%	66.7% #6FA0BA	RGB 111 160 186	#6FA0BA
83.3%	83.3% #7DBCC5	RGB 125 188 197	#7DBCC5
100.0%	100.0% #8DD1CB	RGB 141 209 203	#8DD1CB

#4D3E8C #484A97 #5467A3 #6183AE #6FA0BA #7DBCC5 #8DD1CB

#4D3E8C - #6183AE - #8DD1CB

CSS codes

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

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