#2D258B - #C3C0DD | 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 #2D258B to #C3C0DD

#2D258B #C3C0DD

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

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

0.0%	0.0% #2D258B	RGB 45 37 139	#2D258B
16.7%	16.7% #463E98	RGB 70 62 152	#463E98
33.3%	33.3% #5F58A6	RGB 95 88 166	#5F58A6
50.0%	50.0% #7872B4	RGB 120 114 180	#7872B4
66.7%	66.7% #918CC1	RGB 145 140 193	#918CC1
83.3%	83.3% #AAA6CF	RGB 170 166 207	#AAA6CF
100.0%	100.0% #C3C0DD	RGB 195 192 221	#C3C0DD

#2D258B #463E98 #5F58A6 #7872B4 #918CC1 #AAA6CF #C3C0DD

#2D258B - #C3C0DD

HSV Blend

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

0.0%	0.0% #2D258B	RGB 45 37 139	#2D258B
16.7%	16.7% #3F3798	RGB 63 55 152	#3F3798
33.3%	33.3% #554DA6	RGB 85 77 166	#554DA6
50.0%	50.0% #6D66B4	RGB 109 102 180	#6D66B4
66.7%	66.7% #8781C1	RGB 135 129 193	#8781C1
83.3%	83.3% #A49FCF	RGB 164 159 207	#A49FCF
100.0%	100.0% #C3C0DD	RGB 195 192 221	#C3C0DD

#2D258B #3F3798 #554DA6 #6D66B4 #8781C1 #A49FCF #C3C0DD

#2D258B - #6D66B4 - #C3C0DD

CSS codes

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

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