#52469C - #CDCAE2 | 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 #52469C to #CDCAE2

#52469C #CDCAE2

Calculate the color between two colors, #52469C and #CDCAE2. 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)

#52469C - #CDCAE2 | 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 #52469C as 0% and #CDCAE2 as 100%.

0.0%	0.0% #52469C	RGB 82 70 156	#52469C
16.7%	16.7% #665CA7	RGB 102 92 167	#665CA7
33.3%	33.3% #7B72B3	RGB 123 114 179	#7B72B3
50.0%	50.0% #8F88BF	RGB 143 136 191	#8F88BF
66.7%	66.7% #A49ECA	RGB 164 158 202	#A49ECA
83.3%	83.3% #B8B4D6	RGB 184 180 214	#B8B4D6
100.0%	100.0% #CDCAE2	RGB 205 202 226	#CDCAE2

#52469C #665CA7 #7B72B3 #8F88BF #A49ECA #B8B4D6 #CDCAE2

#52469C - #CDCAE2

HSV Blend

#52469C - #CDCAE2 | 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 #52469C as 0% and #CDCAE2 as 100%.

0.0%	0.0% #51469C	RGB 81 70 156	#51469C
16.7%	16.7% #6257A7	RGB 98 87 167	#6257A7
33.3%	33.3% #746BB3	RGB 116 107 179	#746BB3
50.0%	50.0% #8880BF	RGB 136 128 191	#8880BF
66.7%	66.7% #9D97CA	RGB 157 151 202	#9D97CA
83.3%	83.3% #B4AFD6	RGB 180 175 214	#B4AFD6
100.0%	100.0% #CDCAE2	RGB 205 202 226	#CDCAE2

#51469C #6257A7 #746BB3 #8880BF #9D97CA #B4AFD6 #CDCAE2

#52469C - #8880BF - #CDCAE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51469C 0%, #8880BF 50%, #CDCAE2 100%);
    background: -webkit-linear-gradient(top, #51469C 0%, #8880BF 50%, #CDCAE2 100%);
    background: linear-gradient(to bottom, #51469C 0%, #8880BF 50%, #CDCAE2 100%);
}
</style>