#2E153D - #C3BCC7 | 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 #2E153D to #C3BCC7

#2E153D #C3BCC7

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

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

0.0%	0.0% #2E153D	RGB 46 21 61	#2E153D
16.7%	16.7% #463054	RGB 70 48 84	#463054
33.3%	33.3% #5F4C6B	RGB 95 76 107	#5F4C6B
50.0%	50.0% #786882	RGB 120 104 130	#786882
66.7%	66.7% #918499	RGB 145 132 153	#918499
83.3%	83.3% #AAA0B0	RGB 170 160 176	#AAA0B0
100.0%	100.0% #C3BCC7	RGB 195 188 199	#C3BCC7

#2E153D #463054 #5F4C6B #786882 #918499 #AAA0B0 #C3BCC7

#2E153D - #C3BCC7

HSV Blend

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

0.0%	0.0% #2D153D	RGB 45 21 61	#2D153D
16.7%	16.7% #422554	RGB 66 37 84	#422554
33.3%	33.3% #583A6B	RGB 88 58 107	#583A6B
50.0%	50.0% #705382	RGB 112 83 130	#705382
66.7%	66.7% #8A7199	RGB 138 113 153	#8A7199
83.3%	83.3% #A694B0	RGB 166 148 176	#A694B0
100.0%	100.0% #C3BCC7	RGB 195 188 199	#C3BCC7

#2D153D #422554 #583A6B #705382 #8A7199 #A694B0 #C3BCC7

#2E153D - #705382 - #C3BCC7

CSS codes

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

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