#2E2450 - #C2C0CD | 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 #2E2450 to #C2C0CD

#2E2450 #C2C0CD

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

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

0.0%	0.0% #2E2450	RGB 46 36 80	#2E2450
16.7%	16.7% #463E64	RGB 70 62 100	#463E64
33.3%	33.3% #5F5879	RGB 95 88 121	#5F5879
50.0%	50.0% #78728E	RGB 120 114 142	#78728E
66.7%	66.7% #908CA3	RGB 144 140 163	#908CA3
83.3%	83.3% #A9A6B8	RGB 169 166 184	#A9A6B8
100.0%	100.0% #C2C0CD	RGB 194 192 205	#C2C0CD

#2E2450 #463E64 #5F5879 #78728E #908CA3 #A9A6B8 #C2C0CD

#2E2450 - #C2C0CD

HSV Blend

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

0.0%	0.0% #2D2450	RGB 45 36 80	#2D2450
16.7%	16.7% #3F3564	RGB 63 53 100	#3F3564
33.3%	33.3% #544A79	RGB 84 74 121	#544A79
50.0%	50.0% #6B628E	RGB 107 98 142	#6B628E
66.7%	66.7% #857EA3	RGB 133 126 163	#857EA3
83.3%	83.3% #A19DB8	RGB 161 157 184	#A19DB8
100.0%	100.0% #C2C0CD	RGB 194 192 205	#C2C0CD

#2D2450 #3F3564 #544A79 #6B628E #857EA3 #A19DB8 #C2C0CD

#2E2450 - #6B628E - #C2C0CD

CSS codes

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

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