#AD9FCF - #453F8C | 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 #AD9FCF to #453F8C

#AD9FCF #453F8C

Calculate the color between two colors, #AD9FCF and #453F8C. 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)

#AD9FCF - #453F8C | 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 #AD9FCF as 0% and #453F8C as 100%.

0.0%	0.0% #AD9FCF	RGB 173 159 207	#AD9FCF
16.7%	16.7% #9B8FC3	RGB 155 143 195	#9B8FC3
33.3%	33.3% #8A7FB8	RGB 138 127 184	#8A7FB8
50.0%	50.0% #796FAD	RGB 121 111 173	#796FAD
66.7%	66.7% #675FA2	RGB 103 95 162	#675FA2
83.3%	83.3% #564F97	RGB 86 79 151	#564F97
100.0%	100.0% #453F8C	RGB 69 63 140	#453F8C

#AD9FCF #9B8FC3 #8A7FB8 #796FAD #675FA2 #564F97 #453F8C

#AD9FCF - #453F8C

HSV Blend

#AD9FCF - #453F8C | 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 #AD9FCF as 0% and #453F8C as 100%.

0.0%	0.0% #AD9FCF	RGB 173 159 207	#AD9FCF
16.7%	16.7% #9A8CC3	RGB 154 140 195	#9A8CC3
33.3%	33.3% #887AB8	RGB 136 122 184	#887AB8
50.0%	50.0% #7669AD	RGB 118 105 173	#7669AD
66.7%	66.7% #655AA2	RGB 101 90 162	#655AA2
83.3%	83.3% #544C97	RGB 84 76 151	#544C97
100.0%	100.0% #453F8C	RGB 69 63 140	#453F8C

#AD9FCF #9A8CC3 #887AB8 #7669AD #655AA2 #544C97 #453F8C

#AD9FCF - #7669AD - #453F8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD9FCF 0%, #7669AD 50%, #453F8C 100%);
    background: -webkit-linear-gradient(top, #AD9FCF 0%, #7669AD 50%, #453F8C 100%);
    background: linear-gradient(to bottom, #AD9FCF 0%, #7669AD 50%, #453F8C 100%);
}
</style>