#5135A6 - #CDC5E5 | 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 #5135A6 to #CDC5E5

#5135A6 #CDC5E5

Calculate the color between two colors, #5135A6 and #CDC5E5. 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)

#5135A6 - #CDC5E5 | 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 #5135A6 as 0% and #CDC5E5 as 100%.

0.0%	0.0% #5135A6	RGB 81 53 166	#5135A6
16.7%	16.7% #654DB0	RGB 101 77 176	#654DB0
33.3%	33.3% #7A65BB	RGB 122 101 187	#7A65BB
50.0%	50.0% #8F7DC5	RGB 143 125 197	#8F7DC5
66.7%	66.7% #A395D0	RGB 163 149 208	#A395D0
83.3%	83.3% #B8ADDA	RGB 184 173 218	#B8ADDA
100.0%	100.0% #CDC5E5	RGB 205 197 229	#CDC5E5

#5135A6 #654DB0 #7A65BB #8F7DC5 #A395D0 #B8ADDA #CDC5E5

#5135A6 - #CDC5E5

HSV Blend

#5135A6 - #CDC5E5 | 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 #5135A6 as 0% and #CDC5E5 as 100%.

0.0%	0.0% #5135A6	RGB 81 53 166	#5135A6
16.7%	16.7% #6248B0	RGB 98 72 176	#6248B0
33.3%	33.3% #745DBB	RGB 116 93 187	#745DBB
50.0%	50.0% #8874C5	RGB 136 116 197	#8874C5
66.7%	66.7% #9E8DD0	RGB 158 141 208	#9E8DD0
83.3%	83.3% #B4A8DA	RGB 180 168 218	#B4A8DA
100.0%	100.0% #CDC5E5	RGB 205 197 229	#CDC5E5

#5135A6 #6248B0 #745DBB #8874C5 #9E8DD0 #B4A8DA #CDC5E5

#5135A6 - #8874C5 - #CDC5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5135A6 0%, #8874C5 50%, #CDC5E5 100%);
    background: -webkit-linear-gradient(top, #5135A6 0%, #8874C5 50%, #CDC5E5 100%);
    background: linear-gradient(to bottom, #5135A6 0%, #8874C5 50%, #CDC5E5 100%);
}
</style>