#2A00A6 - #C2B6E5 | 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 #2A00A6 to #C2B6E5

#2A00A6 #C2B6E5

Calculate the color between two colors, #2A00A6 and #C2B6E5. 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)

#2A00A6 - #C2B6E5 | 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 #2A00A6 as 0% and #C2B6E5 as 100%.

0.0%	0.0% #2A00A6	RGB 42 0 166	#2A00A6
16.7%	16.7% #431EB0	RGB 67 30 176	#431EB0
33.3%	33.3% #5C3CBB	RGB 92 60 187	#5C3CBB
50.0%	50.0% #765BC5	RGB 118 91 197	#765BC5
66.7%	66.7% #8F79D0	RGB 143 121 208	#8F79D0
83.3%	83.3% #A897DA	RGB 168 151 218	#A897DA
100.0%	100.0% #C2B6E5	RGB 194 182 229	#C2B6E5

#2A00A6 #431EB0 #5C3CBB #765BC5 #8F79D0 #A897DA #C2B6E5

#2A00A6 - #C2B6E5

HSV Blend

#2A00A6 - #C2B6E5 | 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 #2A00A6 as 0% and #C2B6E5 as 100%.

0.0%	0.0% #2A00A6	RGB 42 0 166	#2A00A6
16.7%	16.7% #3E17B0	RGB 62 23 176	#3E17B0
33.3%	33.3% #5431BB	RGB 84 49 187	#5431BB
50.0%	50.0% #6C4EC5	RGB 108 78 197	#6C4EC5
66.7%	66.7% #876ED0	RGB 135 110 208	#876ED0
83.3%	83.3% #A390DA	RGB 163 144 218	#A390DA
100.0%	100.0% #C2B6E5	RGB 194 182 229	#C2B6E5

#2A00A6 #3E17B0 #5431BB #6C4EC5 #876ED0 #A390DA #C2B6E5

#2A00A6 - #6C4EC5 - #C2B6E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A00A6 0%, #6C4EC5 50%, #C2B6E5 100%);
    background: -webkit-linear-gradient(top, #2A00A6 0%, #6C4EC5 50%, #C2B6E5 100%);
    background: linear-gradient(to bottom, #2A00A6 0%, #6C4EC5 50%, #C2B6E5 100%);
}
</style>