#483A8F - #CAC6DF | 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 #483A8F to #CAC6DF

#483A8F #CAC6DF

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

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

0.0%	0.0% #483A8F	RGB 72 58 143	#483A8F
16.7%	16.7% #5D519C	RGB 93 81 156	#5D519C
33.3%	33.3% #7368A9	RGB 115 104 169	#7368A9
50.0%	50.0% #8980B7	RGB 137 128 183	#8980B7
66.7%	66.7% #9E97C4	RGB 158 151 196	#9E97C4
83.3%	83.3% #B4AED1	RGB 180 174 209	#B4AED1
100.0%	100.0% #CAC6DF	RGB 202 198 223	#CAC6DF

#483A8F #5D519C #7368A9 #8980B7 #9E97C4 #B4AED1 #CAC6DF

#483A8F - #CAC6DF

HSV Blend

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

0.0%	0.0% #483A8F	RGB 72 58 143	#483A8F
16.7%	16.7% #594B9C	RGB 89 75 156	#594B9C
33.3%	33.3% #6C60A9	RGB 108 96 169	#6C60A9
50.0%	50.0% #8076B7	RGB 128 118 183	#8076B7
66.7%	66.7% #978EC4	RGB 151 142 196	#978EC4
83.3%	83.3% #AFA9D1	RGB 175 169 209	#AFA9D1
100.0%	100.0% #CAC6DF	RGB 202 198 223	#CAC6DF

#483A8F #594B9C #6C60A9 #8076B7 #978EC4 #AFA9D1 #CAC6DF

#483A8F - #8076B7 - #CAC6DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483A8F 0%, #8076B7 50%, #CAC6DF 100%);
    background: -webkit-linear-gradient(top, #483A8F 0%, #8076B7 50%, #CAC6DF 100%);
    background: linear-gradient(to bottom, #483A8F 0%, #8076B7 50%, #CAC6DF 100%);
}
</style>