#2D396B - #C3C5D4 | 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 #2D396B to #C3C5D4

#2D396B #C3C5D4

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

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

0.0%	0.0% #2D396B	RGB 45 57 107	#2D396B
16.7%	16.7% #46507C	RGB 70 80 124	#46507C
33.3%	33.3% #5F678E	RGB 95 103 142	#5F678E
50.0%	50.0% #787F9F	RGB 120 127 159	#787F9F
66.7%	66.7% #9196B1	RGB 145 150 177	#9196B1
83.3%	83.3% #AAADC2	RGB 170 173 194	#AAADC2
100.0%	100.0% #C3C5D4	RGB 195 197 212	#C3C5D4

#2D396B #46507C #5F678E #787F9F #9196B1 #AAADC2 #C3C5D4

#2D396B - #C3C5D4

HSV Blend

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

0.0%	0.0% #2D396B	RGB 45 57 107	#2D396B
16.7%	16.7% #3E497C	RGB 62 73 124	#3E497C
33.3%	33.3% #535D8E	RGB 83 93 142	#535D8E
50.0%	50.0% #6A739F	RGB 106 115 159	#6A739F
66.7%	66.7% #858BB1	RGB 133 139 177	#858BB1
83.3%	83.3% #A2A6C2	RGB 162 166 194	#A2A6C2
100.0%	100.0% #C3C5D4	RGB 195 197 212	#C3C5D4

#2D396B #3E497C #535D8E #6A739F #858BB1 #A2A6C2 #C3C5D4

#2D396B - #6A739F - #C3C5D4

CSS codes

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

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