#2B2E5E - #C2C2D1 | 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 #2B2E5E to #C2C2D1

#2B2E5E #C2C2D1

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

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

0.0%	0.0% #2B2E5E	RGB 43 46 94	#2B2E5E
16.7%	16.7% #444671	RGB 68 70 113	#444671
33.3%	33.3% #5D5F84	RGB 93 95 132	#5D5F84
50.0%	50.0% #767897	RGB 118 120 151	#767897
66.7%	66.7% #8F90AA	RGB 143 144 170	#8F90AA
83.3%	83.3% #A8A9BD	RGB 168 169 189	#A8A9BD
100.0%	100.0% #C2C2D1	RGB 194 194 209	#C2C2D1

#2B2E5E #444671 #5D5F84 #767897 #8F90AA #A8A9BD #C2C2D1

#2B2E5E - #C2C2D1

HSV Blend

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

0.0%	0.0% #2B2E5E	RGB 43 46 94	#2B2E5E
16.7%	16.7% #3C3F71	RGB 60 63 113	#3C3F71
33.3%	33.3% #515384	RGB 81 83 132	#515384
50.0%	50.0% #686A97	RGB 104 106 151	#686A97
66.7%	66.7% #8384AA	RGB 131 132 170	#8384AA
83.3%	83.3% #A1A1BD	RGB 161 161 189	#A1A1BD
100.0%	100.0% #C2C2D1	RGB 194 194 209	#C2C2D1

#2B2E5E #3C3F71 #515384 #686A97 #8384AA #A1A1BD #C2C2D1

#2B2E5E - #686A97 - #C2C2D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2E5E 0%, #686A97 50%, #C2C2D1 100%);
    background: -webkit-linear-gradient(top, #2B2E5E 0%, #686A97 50%, #C2C2D1 100%);
    background: linear-gradient(to bottom, #2B2E5E 0%, #686A97 50%, #C2C2D1 100%);
}
</style>