#2E2EB6 - #C3C3EA | 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 #2E2EB6 to #C3C3EA

#2E2EB6 #C3C3EA

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

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

0.0%	0.0% #2E2EB6	RGB 46 46 182	#2E2EB6
16.7%	16.7% #4646BE	RGB 70 70 190	#4646BE
33.3%	33.3% #5F5FC7	RGB 95 95 199	#5F5FC7
50.0%	50.0% #7878D0	RGB 120 120 208	#7878D0
66.7%	66.7% #9191D8	RGB 145 145 216	#9191D8
83.3%	83.3% #AAAAE1	RGB 170 170 225	#AAAAE1
100.0%	100.0% #C3C3EA	RGB 195 195 234	#C3C3EA

#2E2EB6 #4646BE #5F5FC7 #7878D0 #9191D8 #AAAAE1 #C3C3EA

#2E2EB6 - #C3C3EA

HSV Blend

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

0.0%	0.0% #2E2DB6	RGB 46 45 182	#2E2DB6
16.7%	16.7% #4242BE	RGB 66 66 190	#4242BE
33.3%	33.3% #5858C7	RGB 88 88 199	#5858C7
50.0%	50.0% #7070D0	RGB 112 112 208	#7070D0
66.7%	66.7% #8A8AD8	RGB 138 138 216	#8A8AD8
83.3%	83.3% #A5A5E1	RGB 165 165 225	#A5A5E1
100.0%	100.0% #C3C3EA	RGB 195 195 234	#C3C3EA

#2E2DB6 #4242BE #5858C7 #7070D0 #8A8AD8 #A5A5E1 #C3C3EA

#2E2EB6 - #7070D0 - #C3C3EA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E2DB6 0%, #7070D0 50%, #C3C3EA 100%);
    background: -webkit-linear-gradient(top, #2E2DB6 0%, #7070D0 50%, #C3C3EA 100%);
    background: linear-gradient(to bottom, #2E2DB6 0%, #7070D0 50%, #C3C3EA 100%);
}
</style>