#3E236B - #C7C0D4 | 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 #3E236B to #C7C0D4

#3E236B #C7C0D4

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

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

0.0%	0.0% #3E236B	RGB 62 35 107	#3E236B
16.7%	16.7% #543D7C	RGB 84 61 124	#543D7C
33.3%	33.3% #6B578E	RGB 107 87 142	#6B578E
50.0%	50.0% #82719F	RGB 130 113 159	#82719F
66.7%	66.7% #998BB1	RGB 153 139 177	#998BB1
83.3%	83.3% #B0A5C2	RGB 176 165 194	#B0A5C2
100.0%	100.0% #C7C0D4	RGB 199 192 212	#C7C0D4

#3E236B #543D7C #6B578E #82719F #998BB1 #B0A5C2 #C7C0D4

#3E236B - #C7C0D4

HSV Blend

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

0.0%	0.0% #3E236B	RGB 62 35 107	#3E236B
16.7%	16.7% #4F347C	RGB 79 52 124	#4F347C
33.3%	33.3% #62498E	RGB 98 73 142	#62498E
50.0%	50.0% #78629F	RGB 120 98 159	#78629F
66.7%	66.7% #907EB1	RGB 144 126 177	#907EB1
83.3%	83.3% #AA9DC2	RGB 170 157 194	#AA9DC2
100.0%	100.0% #C7C0D4	RGB 199 192 212	#C7C0D4

#3E236B #4F347C #62498E #78629F #907EB1 #AA9DC2 #C7C0D4

#3E236B - #78629F - #C7C0D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E236B 0%, #78629F 50%, #C7C0D4 100%);
    background: -webkit-linear-gradient(top, #3E236B 0%, #78629F 50%, #C7C0D4 100%);
    background: linear-gradient(to bottom, #3E236B 0%, #78629F 50%, #C7C0D4 100%);
}
</style>