#2D3C68 - #C3C7D3 | 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 #2D3C68 to #C3C7D3

#2D3C68 #C3C7D3

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

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

0.0%	0.0% #2D3C68	RGB 45 60 104	#2D3C68
16.7%	16.7% #465379	RGB 70 83 121	#465379
33.3%	33.3% #5F6A8B	RGB 95 106 139	#5F6A8B
50.0%	50.0% #78819D	RGB 120 129 157	#78819D
66.7%	66.7% #9198AF	RGB 145 152 175	#9198AF
83.3%	83.3% #AAAFC1	RGB 170 175 193	#AAAFC1
100.0%	100.0% #C3C7D3	RGB 195 199 211	#C3C7D3

#2D3C68 #465379 #5F6A8B #78819D #9198AF #AAAFC1 #C3C7D3

#2D3C68 - #C3C7D3

HSV Blend

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

0.0%	0.0% #2D3B68	RGB 45 59 104	#2D3B68
16.7%	16.7% #3E4D79	RGB 62 77 121	#3E4D79
33.3%	33.3% #53618B	RGB 83 97 139	#53618B
50.0%	50.0% #6A779D	RGB 106 119 157	#6A779D
66.7%	66.7% #858FAF	RGB 133 143 175	#858FAF
83.3%	83.3% #A2AAC1	RGB 162 170 193	#A2AAC1
100.0%	100.0% #C3C7D3	RGB 195 199 211	#C3C7D3

#2D3B68 #3E4D79 #53618B #6A779D #858FAF #A2AAC1 #C3C7D3

#2D3C68 - #6A779D - #C3C7D3

CSS codes

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

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