#2C0EB6 - #C2BAEA | 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 #2C0EB6 to #C2BAEA

#2C0EB6 #C2BAEA

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

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

0.0%	0.0% #2C0EB6	RGB 44 14 182	#2C0EB6
16.7%	16.7% #452ABE	RGB 69 42 190	#452ABE
33.3%	33.3% #5E47C7	RGB 94 71 199	#5E47C7
50.0%	50.0% #7764D0	RGB 119 100 208	#7764D0
66.7%	66.7% #9080D8	RGB 144 128 216	#9080D8
83.3%	83.3% #A99DE1	RGB 169 157 225	#A99DE1
100.0%	100.0% #C2BAEA	RGB 194 186 234	#C2BAEA

#2C0EB6 #452ABE #5E47C7 #7764D0 #9080D8 #A99DE1 #C2BAEA

#2C0EB6 - #C2BAEA

HSV Blend

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

0.0%	0.0% #2C0DB6	RGB 44 13 182	#2C0DB6
16.7%	16.7% #4025BE	RGB 64 37 190	#4025BE
33.3%	33.3% #563FC7	RGB 86 63 199	#563FC7
50.0%	50.0% #6E5AD0	RGB 110 90 208	#6E5AD0
66.7%	66.7% #8878D8	RGB 136 120 216	#8878D8
83.3%	83.3% #A498E1	RGB 164 152 225	#A498E1
100.0%	100.0% #C2BAEA	RGB 194 186 234	#C2BAEA

#2C0DB6 #4025BE #563FC7 #6E5AD0 #8878D8 #A498E1 #C2BAEA

#2C0EB6 - #6E5AD0 - #C2BAEA

CSS codes

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

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