#2E3670 - #C3C5D6 | 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 #2E3670 to #C3C5D6

#2E3670 #C3C5D6

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

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

0.0%	0.0% #2E3670	RGB 46 54 112	#2E3670
16.7%	16.7% #464D81	RGB 70 77 129	#464D81
33.3%	33.3% #5F6592	RGB 95 101 146	#5F6592
50.0%	50.0% #787DA3	RGB 120 125 163	#787DA3
66.7%	66.7% #9195B4	RGB 145 149 180	#9195B4
83.3%	83.3% #AAADC5	RGB 170 173 197	#AAADC5
100.0%	100.0% #C3C5D6	RGB 195 197 214	#C3C5D6

#2E3670 #464D81 #5F6592 #787DA3 #9195B4 #AAADC5 #C3C5D6

#2E3670 - #C3C5D6

HSV Blend

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

0.0%	0.0% #2E3670	RGB 46 54 112	#2E3670
16.7%	16.7% #3F4781	RGB 63 71 129	#3F4781
33.3%	33.3% #545B92	RGB 84 91 146	#545B92
50.0%	50.0% #6B71A3	RGB 107 113 163	#6B71A3
66.7%	66.7% #858BB4	RGB 133 139 180	#858BB4
83.3%	83.3% #A3A6C5	RGB 163 166 197	#A3A6C5
100.0%	100.0% #C3C5D6	RGB 195 197 214	#C3C5D6

#2E3670 #3F4781 #545B92 #6B71A3 #858BB4 #A3A6C5 #C3C5D6

#2E3670 - #6B71A3 - #C3C5D6

CSS codes

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

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