#3E4D80 - #C7CCDA | 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 #3E4D80 to #C7CCDA

#3E4D80 #C7CCDA

Calculate the color between two colors, #3E4D80 and #C7CCDA. 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)

#3E4D80 - #C7CCDA | 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 #3E4D80 as 0% and #C7CCDA as 100%.

0.0%	0.0% #3E4D80	RGB 62 77 128	#3E4D80
16.7%	16.7% #54628F	RGB 84 98 143	#54628F
33.3%	33.3% #6B779E	RGB 107 119 158	#6B779E
50.0%	50.0% #828CAD	RGB 130 140 173	#828CAD
66.7%	66.7% #99A1BC	RGB 153 161 188	#99A1BC
83.3%	83.3% #B0B6CB	RGB 176 182 203	#B0B6CB
100.0%	100.0% #C7CCDA	RGB 199 204 218	#C7CCDA

#3E4D80 #54628F #6B779E #828CAD #99A1BC #B0B6CB #C7CCDA

#3E4D80 - #C7CCDA

HSV Blend

#3E4D80 - #C7CCDA | 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 #3E4D80 as 0% and #C7CCDA as 100%.

0.0%	0.0% #3E4D80	RGB 62 77 128	#3E4D80
16.7%	16.7% #4F5E8F	RGB 79 94 143	#4F5E8F
33.3%	33.3% #63719E	RGB 99 113 158	#63719E
50.0%	50.0% #7885AD	RGB 120 133 173	#7885AD
66.7%	66.7% #909BBC	RGB 144 155 188	#909BBC
83.3%	83.3% #AAB3CB	RGB 170 179 203	#AAB3CB
100.0%	100.0% #C7CCDA	RGB 199 204 218	#C7CCDA

#3E4D80 #4F5E8F #63719E #7885AD #909BBC #AAB3CB #C7CCDA

#3E4D80 - #7885AD - #C7CCDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D80 0%, #7885AD 50%, #C7CCDA 100%);
    background: -webkit-linear-gradient(top, #3E4D80 0%, #7885AD 50%, #C7CCDA 100%);
    background: linear-gradient(to bottom, #3E4D80 0%, #7885AD 50%, #C7CCDA 100%);
}
</style>