#493C7B - #CBC7D9 | 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 #493C7B to #CBC7D9

#493C7B #CBC7D9

Calculate the color between two colors, #493C7B and #CBC7D9. 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)

#493C7B - #CBC7D9 | 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 #493C7B as 0% and #CBC7D9 as 100%.

0.0%	0.0% #493C7B	RGB 73 60 123	#493C7B
16.7%	16.7% #5E538A	RGB 94 83 138	#5E538A
33.3%	33.3% #746A9A	RGB 116 106 154	#746A9A
50.0%	50.0% #8A81AA	RGB 138 129 170	#8A81AA
66.7%	66.7% #9F98B9	RGB 159 152 185	#9F98B9
83.3%	83.3% #B5AFC9	RGB 181 175 201	#B5AFC9
100.0%	100.0% #CBC7D9	RGB 203 199 217	#CBC7D9

#493C7B #5E538A #746A9A #8A81AA #9F98B9 #B5AFC9 #CBC7D9

#493C7B - #CBC7D9

HSV Blend

#493C7B - #CBC7D9 | 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 #493C7B as 0% and #CBC7D9 as 100%.

0.0%	0.0% #493C7B	RGB 73 60 123	#493C7B
16.7%	16.7% #5A4D8A	RGB 90 77 138	#5A4D8A
33.3%	33.3% #6D619A	RGB 109 97 154	#6D619A
50.0%	50.0% #8277AA	RGB 130 119 170	#8277AA
66.7%	66.7% #988FB9	RGB 152 143 185	#988FB9
83.3%	83.3% #B1AAC9	RGB 177 170 201	#B1AAC9
100.0%	100.0% #CBC7D9	RGB 203 199 217	#CBC7D9

#493C7B #5A4D8A #6D619A #8277AA #988FB9 #B1AAC9 #CBC7D9

#493C7B - #8277AA - #CBC7D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493C7B 0%, #8277AA 50%, #CBC7D9 100%);
    background: -webkit-linear-gradient(top, #493C7B 0%, #8277AA 50%, #CBC7D9 100%);
    background: linear-gradient(to bottom, #493C7B 0%, #8277AA 50%, #CBC7D9 100%);
}
</style>