#500A8C - #CDB9DE | 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 #500A8C to #CDB9DE

#500A8C #CDB9DE

Calculate the color between two colors, #500A8C and #CDB9DE. 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)

#500A8C - #CDB9DE | 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 #500A8C as 0% and #CDB9DE as 100%.

0.0%	0.0% #500A8C	RGB 80 10 140	#500A8C
16.7%	16.7% #642799	RGB 100 39 153	#642799
33.3%	33.3% #7944A7	RGB 121 68 167	#7944A7
50.0%	50.0% #8E61B5	RGB 142 97 181	#8E61B5
66.7%	66.7% #A37EC2	RGB 163 126 194	#A37EC2
83.3%	83.3% #B89BD0	RGB 184 155 208	#B89BD0
100.0%	100.0% #CDB9DE	RGB 205 185 222	#CDB9DE

#500A8C #642799 #7944A7 #8E61B5 #A37EC2 #B89BD0 #CDB9DE

#500A8C - #CDB9DE

HSV Blend

#500A8C - #CDB9DE | 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 #500A8C as 0% and #CDB9DE as 100%.

0.0%	0.0% #4F0A8C	RGB 79 10 140	#4F0A8C
16.7%	16.7% #601E99	RGB 96 30 153	#601E99
33.3%	33.3% #7336A7	RGB 115 54 167	#7336A7
50.0%	50.0% #8751B5	RGB 135 81 181	#8751B5
66.7%	66.7% #9C70C2	RGB 156 112 194	#9C70C2
83.3%	83.3% #B493D0	RGB 180 147 208	#B493D0
100.0%	100.0% #CDB9DE	RGB 205 185 222	#CDB9DE

#4F0A8C #601E99 #7336A7 #8751B5 #9C70C2 #B493D0 #CDB9DE

#500A8C - #8751B5 - #CDB9DE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F0A8C 0%, #8751B5 50%, #CDB9DE 100%);
    background: -webkit-linear-gradient(top, #4F0A8C 0%, #8751B5 50%, #CDB9DE 100%);
    background: linear-gradient(to bottom, #4F0A8C 0%, #8751B5 50%, #CDB9DE 100%);
}
</style>