#2E3A5E - #C3C7D1 | 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 #2E3A5E to #C3C7D1

#2E3A5E #C3C7D1

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

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

0.0%	0.0% #2E3A5E	RGB 46 58 94	#2E3A5E
16.7%	16.7% #465171	RGB 70 81 113	#465171
33.3%	33.3% #5F6984	RGB 95 105 132	#5F6984
50.0%	50.0% #788097	RGB 120 128 151	#788097
66.7%	66.7% #9198AA	RGB 145 152 170	#9198AA
83.3%	83.3% #AAAFBD	RGB 170 175 189	#AAAFBD
100.0%	100.0% #C3C7D1	RGB 195 199 209	#C3C7D1

#2E3A5E #465171 #5F6984 #788097 #9198AA #AAAFBD #C3C7D1

#2E3A5E - #C3C7D1

HSV Blend

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

0.0%	0.0% #2E3A5E	RGB 46 58 94	#2E3A5E
16.7%	16.7% #3F4C71	RGB 63 76 113	#3F4C71
33.3%	33.3% #546084	RGB 84 96 132	#546084
50.0%	50.0% #6B7797	RGB 107 119 151	#6B7797
66.7%	66.7% #8590AA	RGB 133 144 170	#8590AA
83.3%	83.3% #A3AABD	RGB 163 170 189	#A3AABD
100.0%	100.0% #C3C7D1	RGB 195 199 209	#C3C7D1

#2E3A5E #3F4C71 #546084 #6B7797 #8590AA #A3AABD #C3C7D1

#2E3A5E - #6B7797 - #C3C7D1

CSS codes

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

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