#3D4AC1 - #C7CBED | 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 #3D4AC1 to #C7CBED

#3D4AC1 #C7CBED

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

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

0.0%	0.0% #3D4AC1	RGB 61 74 193	#3D4AC1
16.7%	16.7% #545FC8	RGB 84 95 200	#545FC8
33.3%	33.3% #6B75CF	RGB 107 117 207	#6B75CF
50.0%	50.0% #828AD7	RGB 130 138 215	#828AD7
66.7%	66.7% #99A0DE	RGB 153 160 222	#99A0DE
83.3%	83.3% #B0B5E5	RGB 176 181 229	#B0B5E5
100.0%	100.0% #C7CBED	RGB 199 203 237	#C7CBED

#3D4AC1 #545FC8 #6B75CF #828AD7 #99A0DE #B0B5E5 #C7CBED

#3D4AC1 - #C7CBED

HSV Blend

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

0.0%	0.0% #3D4AC1	RGB 61 74 193	#3D4AC1
16.7%	16.7% #505CC8	RGB 80 92 200	#505CC8
33.3%	33.3% #6570CF	RGB 101 112 207	#6570CF
50.0%	50.0% #7C85D7	RGB 124 133 215	#7C85D7
66.7%	66.7% #939BDE	RGB 147 155 222	#939BDE
83.3%	83.3% #ACB2E5	RGB 172 178 229	#ACB2E5
100.0%	100.0% #C7CBED	RGB 199 203 237	#C7CBED

#3D4AC1 #505CC8 #6570CF #7C85D7 #939BDE #ACB2E5 #C7CBED

#3D4AC1 - #7C85D7 - #C7CBED

CSS codes

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

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