#2D0E8C - #C3BADE | 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 #2D0E8C to #C3BADE

#2D0E8C #C3BADE

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

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

0.0%	0.0% #2D0E8C	RGB 45 14 140	#2D0E8C
16.7%	16.7% #462A99	RGB 70 42 153	#462A99
33.3%	33.3% #5F47A7	RGB 95 71 167	#5F47A7
50.0%	50.0% #7864B5	RGB 120 100 181	#7864B5
66.7%	66.7% #9180C2	RGB 145 128 194	#9180C2
83.3%	83.3% #AA9DD0	RGB 170 157 208	#AA9DD0
100.0%	100.0% #C3BADE	RGB 195 186 222	#C3BADE

#2D0E8C #462A99 #5F47A7 #7864B5 #9180C2 #AA9DD0 #C3BADE

#2D0E8C - #C3BADE

HSV Blend

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

0.0%	0.0% #2C0E8C	RGB 44 14 140	#2C0E8C
16.7%	16.7% #3F2299	RGB 63 34 153	#3F2299
33.3%	33.3% #5439A7	RGB 84 57 167	#5439A7
50.0%	50.0% #6C54B5	RGB 108 84 181	#6C54B5
66.7%	66.7% #8673C2	RGB 134 115 194	#8673C2
83.3%	83.3% #A394D0	RGB 163 148 208	#A394D0
100.0%	100.0% #C3BADE	RGB 195 186 222	#C3BADE

#2C0E8C #3F2299 #5439A7 #6C54B5 #8673C2 #A394D0 #C3BADE

#2D0E8C - #6C54B5 - #C3BADE

CSS codes

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

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