#3E458F - #C7C8DF | 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 #3E458F to #C7C8DF

#3E458F #C7C8DF

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

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

0.0%	0.0% #3E458F	RGB 62 69 143	#3E458F
16.7%	16.7% #545A9C	RGB 84 90 156	#545A9C
33.3%	33.3% #6B70A9	RGB 107 112 169	#6B70A9
50.0%	50.0% #8286B7	RGB 130 134 183	#8286B7
66.7%	66.7% #999CC4	RGB 153 156 196	#999CC4
83.3%	83.3% #B0B2D1	RGB 176 178 209	#B0B2D1
100.0%	100.0% #C7C8DF	RGB 199 200 223	#C7C8DF

#3E458F #545A9C #6B70A9 #8286B7 #999CC4 #B0B2D1 #C7C8DF

#3E458F - #C7C8DF

HSV Blend

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

0.0%	0.0% #3E448F	RGB 62 68 143	#3E448F
16.7%	16.7% #4F559C	RGB 79 85 156	#4F559C
33.3%	33.3% #6368A9	RGB 99 104 169	#6368A9
50.0%	50.0% #797DB7	RGB 121 125 183	#797DB7
66.7%	66.7% #9194C4	RGB 145 148 196	#9194C4
83.3%	83.3% #ABACD1	RGB 171 172 209	#ABACD1
100.0%	100.0% #C7C8DF	RGB 199 200 223	#C7C8DF

#3E448F #4F559C #6368A9 #797DB7 #9194C4 #ABACD1 #C7C8DF

#3E458F - #797DB7 - #C7C8DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E448F 0%, #797DB7 50%, #C7C8DF 100%);
    background: -webkit-linear-gradient(top, #3E448F 0%, #797DB7 50%, #C7C8DF 100%);
    background: linear-gradient(to bottom, #3E448F 0%, #797DB7 50%, #C7C8DF 100%);
}
</style>