#2E415F - #C3C8D1 | 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 #2E415F to #C3C8D1

#2E415F #C3C8D1

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

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

0.0%	0.0% #2E415F	RGB 46 65 95	#2E415F
16.7%	16.7% #465772	RGB 70 87 114	#465772
33.3%	33.3% #5F6E85	RGB 95 110 133	#5F6E85
50.0%	50.0% #788498	RGB 120 132 152	#788498
66.7%	66.7% #919BAB	RGB 145 155 171	#919BAB
83.3%	83.3% #AAB1BE	RGB 170 177 190	#AAB1BE
100.0%	100.0% #C3C8D1	RGB 195 200 209	#C3C8D1

#2E415F #465772 #5F6E85 #788498 #919BAB #AAB1BE #C3C8D1

#2E415F - #C3C8D1

HSV Blend

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

0.0%	0.0% #2E405F	RGB 46 64 95	#2E405F
16.7%	16.7% #3F5272	RGB 63 82 114	#3F5272
33.3%	33.3% #546685	RGB 84 102 133	#546685
50.0%	50.0% #6B7C98	RGB 107 124 152	#6B7C98
66.7%	66.7% #8593AB	RGB 133 147 171	#8593AB
83.3%	83.3% #A3ACBE	RGB 163 172 190	#A3ACBE
100.0%	100.0% #C3C8D1	RGB 195 200 209	#C3C8D1

#2E405F #3F5272 #546685 #6B7C98 #8593AB #A3ACBE #C3C8D1

#2E415F - #6B7C98 - #C3C8D1

CSS codes

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

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