#2D3E79 - #C3C7D8 | 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 #2D3E79 to #C3C7D8

#2D3E79 #C3C7D8

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

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

0.0%	0.0% #2D3E79	RGB 45 62 121	#2D3E79
16.7%	16.7% #465488	RGB 70 84 136	#465488
33.3%	33.3% #5F6B98	RGB 95 107 152	#5F6B98
50.0%	50.0% #7882A8	RGB 120 130 168	#7882A8
66.7%	66.7% #9199B8	RGB 145 153 184	#9199B8
83.3%	83.3% #AAB0C8	RGB 170 176 200	#AAB0C8
100.0%	100.0% #C3C7D8	RGB 195 199 216	#C3C7D8

#2D3E79 #465488 #5F6B98 #7882A8 #9199B8 #AAB0C8 #C3C7D8

#2D3E79 - #C3C7D8

HSV Blend

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

0.0%	0.0% #2D3E79	RGB 45 62 121	#2D3E79
16.7%	16.7% #3E4F88	RGB 62 79 136	#3E4F88
33.3%	33.3% #536298	RGB 83 98 152	#536298
50.0%	50.0% #6B78A8	RGB 107 120 168	#6B78A8
66.7%	66.7% #858FB8	RGB 133 143 184	#858FB8
83.3%	83.3% #A2AAC8	RGB 162 170 200	#A2AAC8
100.0%	100.0% #C3C7D8	RGB 195 199 216	#C3C7D8

#2D3E79 #3E4F88 #536298 #6B78A8 #858FB8 #A2AAC8 #C3C7D8

#2D3E79 - #6B78A8 - #C3C7D8

CSS codes

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

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