#4A00A1 - #CBB6E4 | 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 #4A00A1 to #CBB6E4

#4A00A1 #CBB6E4

Calculate the color between two colors, #4A00A1 and #CBB6E4. 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)

#4A00A1 - #CBB6E4 | 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 #4A00A1 as 0% and #CBB6E4 as 100%.

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #5F1EAC	RGB 95 30 172	#5F1EAC
33.3%	33.3% #753CB7	RGB 117 60 183	#753CB7
50.0%	50.0% #8A5BC2	RGB 138 91 194	#8A5BC2
66.7%	66.7% #A079CD	RGB 160 121 205	#A079CD
83.3%	83.3% #B597D8	RGB 181 151 216	#B597D8
100.0%	100.0% #CBB6E4	RGB 203 182 228	#CBB6E4

#4A00A1 #5F1EAC #753CB7 #8A5BC2 #A079CD #B597D8 #CBB6E4

#4A00A1 - #CBB6E4

HSV Blend

#4A00A1 - #CBB6E4 | 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 #4A00A1 as 0% and #CBB6E4 as 100%.

0.0%	0.0% #4A00A1	RGB 74 0 161	#4A00A1
16.7%	16.7% #5B16AC	RGB 91 22 172	#5B16AC
33.3%	33.3% #6E30B7	RGB 110 48 183	#6E30B7
50.0%	50.0% #834DC2	RGB 131 77 194	#834DC2
66.7%	66.7% #996DCD	RGB 153 109 205	#996DCD
83.3%	83.3% #B190D8	RGB 177 144 216	#B190D8
100.0%	100.0% #CBB6E4	RGB 203 182 228	#CBB6E4

#4A00A1 #5B16AC #6E30B7 #834DC2 #996DCD #B190D8 #CBB6E4

#4A00A1 - #834DC2 - #CBB6E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A00A1 0%, #834DC2 50%, #CBB6E4 100%);
    background: -webkit-linear-gradient(top, #4A00A1 0%, #834DC2 50%, #CBB6E4 100%);
    background: linear-gradient(to bottom, #4A00A1 0%, #834DC2 50%, #CBB6E4 100%);
}
</style>