#3E4A8C - #C7CADE | 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 #3E4A8C to #C7CADE

#3E4A8C #C7CADE

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

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

0.0%	0.0% #3E4A8C	RGB 62 74 140	#3E4A8C
16.7%	16.7% #545F99	RGB 84 95 153	#545F99
33.3%	33.3% #6B74A7	RGB 107 116 167	#6B74A7
50.0%	50.0% #828AB5	RGB 130 138 181	#828AB5
66.7%	66.7% #999FC2	RGB 153 159 194	#999FC2
83.3%	83.3% #B0B4D0	RGB 176 180 208	#B0B4D0
100.0%	100.0% #C7CADE	RGB 199 202 222	#C7CADE

#3E4A8C #545F99 #6B74A7 #828AB5 #999FC2 #B0B4D0 #C7CADE

#3E4A8C - #C7CADE

HSV Blend

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

0.0%	0.0% #3E498C	RGB 62 73 140	#3E498C
16.7%	16.7% #4F5A99	RGB 79 90 153	#4F5A99
33.3%	33.3% #636DA7	RGB 99 109 167	#636DA7
50.0%	50.0% #7981B5	RGB 121 129 181	#7981B5
66.7%	66.7% #9197C2	RGB 145 151 194	#9197C2
83.3%	83.3% #ABB0D0	RGB 171 176 208	#ABB0D0
100.0%	100.0% #C7CADE	RGB 199 202 222	#C7CADE

#3E498C #4F5A99 #636DA7 #7981B5 #9197C2 #ABB0D0 #C7CADE

#3E4A8C - #7981B5 - #C7CADE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E498C 0%, #7981B5 50%, #C7CADE 100%);
    background: -webkit-linear-gradient(top, #3E498C 0%, #7981B5 50%, #C7CADE 100%);
    background: linear-gradient(to bottom, #3E498C 0%, #7981B5 50%, #C7CADE 100%);
}
</style>