#483D8B - #C78EAD | 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 #483D8B to #C78EAD

#483D8B #C78EAD

Calculate the color between two colors, #483D8B and #C78EAD. 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)

#483D8B - #C78EAD | 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 #483D8B as 0% and #C78EAD as 100%.

0.0%	0.0% #483D8B	RGB 72 61 139	#483D8B
16.7%	16.7% #5D4A90	RGB 93 74 144	#5D4A90
33.3%	33.3% #725896	RGB 114 88 150	#725896
50.0%	50.0% #87659C	RGB 135 101 156	#87659C
66.7%	66.7% #9C73A1	RGB 156 115 161	#9C73A1
83.3%	83.3% #B180A7	RGB 177 128 167	#B180A7
100.0%	100.0% #C78EAD	RGB 199 142 173	#C78EAD

#483D8B #5D4A90 #725896 #87659C #9C73A1 #B180A7 #C78EAD

#483D8B - #C78EAD

HSV Blend

#483D8B - #C78EAD | 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 #483D8B as 0% and #C78EAD as 100%.

0.0%	0.0% #483D8B	RGB 72 61 139	#483D8B
16.7%	16.7% #634895	RGB 99 72 149	#634895
33.3%	33.3% #7F549F	RGB 127 84 159	#7F549F
50.0%	50.0% #9A61A9	RGB 154 97 169	#9A61A9
66.7%	66.7% #B36FB1	RGB 179 111 177	#B36FB1
83.3%	83.3% #BD7EAE	RGB 189 126 174	#BD7EAE
100.0%	100.0% #C78EAD	RGB 199 142 173	#C78EAD

#483D8B #634895 #7F549F #9A61A9 #B36FB1 #BD7EAE #C78EAD

#483D8B - #9A61A9 - #C78EAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483D8B 0%, #9A61A9 50%, #C78EAD 100%);
    background: -webkit-linear-gradient(top, #483D8B 0%, #9A61A9 50%, #C78EAD 100%);
    background: linear-gradient(to bottom, #483D8B 0%, #9A61A9 50%, #C78EAD 100%);
}
</style>