#3D205B - #C7BFD0 | 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 #3D205B to #C7BFD0

#3D205B #C7BFD0

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

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

0.0%	0.0% #3D205B	RGB 61 32 91	#3D205B
16.7%	16.7% #543A6E	RGB 84 58 110	#543A6E
33.3%	33.3% #6B5582	RGB 107 85 130	#6B5582
50.0%	50.0% #826F95	RGB 130 111 149	#826F95
66.7%	66.7% #998AA9	RGB 153 138 169	#998AA9
83.3%	83.3% #B0A4BC	RGB 176 164 188	#B0A4BC
100.0%	100.0% #C7BFD0	RGB 199 191 208	#C7BFD0

#3D205B #543A6E #6B5582 #826F95 #998AA9 #B0A4BC #C7BFD0

#3D205B - #C7BFD0

HSV Blend

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

0.0%	0.0% #3C205B	RGB 60 32 91	#3C205B
16.7%	16.7% #4F316E	RGB 79 49 110	#4F316E
33.3%	33.3% #634682	RGB 99 70 130	#634682
50.0%	50.0% #795E95	RGB 121 94 149	#795E95
66.7%	66.7% #917BA9	RGB 145 123 169	#917BA9
83.3%	83.3% #AB9BBC	RGB 171 155 188	#AB9BBC
100.0%	100.0% #C7BFD0	RGB 199 191 208	#C7BFD0

#3C205B #4F316E #634682 #795E95 #917BA9 #AB9BBC #C7BFD0

#3D205B - #795E95 - #C7BFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C205B 0%, #795E95 50%, #C7BFD0 100%);
    background: -webkit-linear-gradient(top, #3C205B 0%, #795E95 50%, #C7BFD0 100%);
    background: linear-gradient(to bottom, #3C205B 0%, #795E95 50%, #C7BFD0 100%);
}
</style>