#3E4D84 - #C7CCDB | 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 #3E4D84 to #C7CCDB

#3E4D84 #C7CCDB

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

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

0.0%	0.0% #3E4D84	RGB 62 77 132	#3E4D84
16.7%	16.7% #546292	RGB 84 98 146	#546292
33.3%	33.3% #6B77A1	RGB 107 119 161	#6B77A1
50.0%	50.0% #828CAF	RGB 130 140 175	#828CAF
66.7%	66.7% #99A1BE	RGB 153 161 190	#99A1BE
83.3%	83.3% #B0B6CC	RGB 176 182 204	#B0B6CC
100.0%	100.0% #C7CCDB	RGB 199 204 219	#C7CCDB

#3E4D84 #546292 #6B77A1 #828CAF #99A1BE #B0B6CC #C7CCDB

#3E4D84 - #C7CCDB

HSV Blend

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

0.0%	0.0% #3E4D84	RGB 62 77 132	#3E4D84
16.7%	16.7% #4F5E92	RGB 79 94 146	#4F5E92
33.3%	33.3% #6371A1	RGB 99 113 161	#6371A1
50.0%	50.0% #7885AF	RGB 120 133 175	#7885AF
66.7%	66.7% #909BBE	RGB 144 155 190	#909BBE
83.3%	83.3% #AAB3CC	RGB 170 179 204	#AAB3CC
100.0%	100.0% #C7CCDB	RGB 199 204 219	#C7CCDB

#3E4D84 #4F5E92 #6371A1 #7885AF #909BBE #AAB3CC #C7CCDB

#3E4D84 - #7885AF - #C7CCDB

CSS codes

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

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