#3E4ABE - #C7CBEC | 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 #3E4ABE to #C7CBEC

#3E4ABE #C7CBEC

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

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

0.0%	0.0% #3E4ABE	RGB 62 74 190	#3E4ABE
16.7%	16.7% #545FC5	RGB 84 95 197	#545FC5
33.3%	33.3% #6B75CD	RGB 107 117 205	#6B75CD
50.0%	50.0% #828AD5	RGB 130 138 213	#828AD5
66.7%	66.7% #99A0DC	RGB 153 160 220	#99A0DC
83.3%	83.3% #B0B5E4	RGB 176 181 228	#B0B5E4
100.0%	100.0% #C7CBEC	RGB 199 203 236	#C7CBEC

#3E4ABE #545FC5 #6B75CD #828AD5 #99A0DC #B0B5E4 #C7CBEC

#3E4ABE - #C7CBEC

HSV Blend

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

0.0%	0.0% #3E49BE	RGB 62 73 190	#3E49BE
16.7%	16.7% #515CC5	RGB 81 92 197	#515CC5
33.3%	33.3% #6670CD	RGB 102 112 205	#6670CD
50.0%	50.0% #7C85D5	RGB 124 133 213	#7C85D5
66.7%	66.7% #949BDC	RGB 148 155 220	#949BDC
83.3%	83.3% #ACB2E4	RGB 172 178 228	#ACB2E4
100.0%	100.0% #C7CBEC	RGB 199 203 236	#C7CBEC

#3E49BE #515CC5 #6670CD #7C85D5 #949BDC #ACB2E4 #C7CBEC

#3E4ABE - #7C85D5 - #C7CBEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E49BE 0%, #7C85D5 50%, #C7CBEC 100%);
    background: -webkit-linear-gradient(top, #3E49BE 0%, #7C85D5 50%, #C7CBEC 100%);
    background: linear-gradient(to bottom, #3E49BE 0%, #7C85D5 50%, #C7CBEC 100%);
}
</style>