#514D7B - #CDCCD9 | 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 #514D7B to #CDCCD9

#514D7B #CDCCD9

Calculate the color between two colors, #514D7B and #CDCCD9. 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)

#514D7B - #CDCCD9 | 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 #514D7B as 0% and #CDCCD9 as 100%.

0.0%	0.0% #514D7B	RGB 81 77 123	#514D7B
16.7%	16.7% #65628A	RGB 101 98 138	#65628A
33.3%	33.3% #7A779A	RGB 122 119 154	#7A779A
50.0%	50.0% #8F8CAA	RGB 143 140 170	#8F8CAA
66.7%	66.7% #A3A1B9	RGB 163 161 185	#A3A1B9
83.3%	83.3% #B8B6C9	RGB 184 182 201	#B8B6C9
100.0%	100.0% #CDCCD9	RGB 205 204 217	#CDCCD9

#514D7B #65628A #7A779A #8F8CAA #A3A1B9 #B8B6C9 #CDCCD9

#514D7B - #CDCCD9

HSV Blend

#514D7B - #CDCCD9 | 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 #514D7B as 0% and #CDCCD9 as 100%.

0.0%	0.0% #514D7B	RGB 81 77 123	#514D7B
16.7%	16.7% #615E8A	RGB 97 94 138	#615E8A
33.3%	33.3% #74709A	RGB 116 112 154	#74709A
50.0%	50.0% #8885AA	RGB 136 133 170	#8885AA
66.7%	66.7% #9D9BB9	RGB 157 155 185	#9D9BB9
83.3%	83.3% #B4B2C9	RGB 180 178 201	#B4B2C9
100.0%	100.0% #CDCCD9	RGB 205 204 217	#CDCCD9

#514D7B #615E8A #74709A #8885AA #9D9BB9 #B4B2C9 #CDCCD9

#514D7B - #8885AA - #CDCCD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #514D7B 0%, #8885AA 50%, #CDCCD9 100%);
    background: -webkit-linear-gradient(top, #514D7B 0%, #8885AA 50%, #CDCCD9 100%);
    background: linear-gradient(to bottom, #514D7B 0%, #8885AA 50%, #CDCCD9 100%);
}
</style>