#3F1F5E - #C7BFD1 | 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 #3F1F5E to #C7BFD1

#3F1F5E #C7BFD1

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

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

0.0%	0.0% #3F1F5E	RGB 63 31 94	#3F1F5E
16.7%	16.7% #553971	RGB 85 57 113	#553971
33.3%	33.3% #6C5484	RGB 108 84 132	#6C5484
50.0%	50.0% #836F97	RGB 131 111 151	#836F97
66.7%	66.7% #9989AA	RGB 153 137 170	#9989AA
83.3%	83.3% #B0A4BD	RGB 176 164 189	#B0A4BD
100.0%	100.0% #C7BFD1	RGB 199 191 209	#C7BFD1

#3F1F5E #553971 #6C5484 #836F97 #9989AA #B0A4BD #C7BFD1

#3F1F5E - #C7BFD1

HSV Blend

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

0.0%	0.0% #3F1F5E	RGB 63 31 94	#3F1F5E
16.7%	16.7% #503071	RGB 80 48 113	#503071
33.3%	33.3% #644584	RGB 100 69 132	#644584
50.0%	50.0% #795E97	RGB 121 94 151	#795E97
66.7%	66.7% #917AAA	RGB 145 122 170	#917AAA
83.3%	83.3% #AA9BBD	RGB 170 155 189	#AA9BBD
100.0%	100.0% #C7BFD1	RGB 199 191 209	#C7BFD1

#3F1F5E #503071 #644584 #795E97 #917AAA #AA9BBD #C7BFD1

#3F1F5E - #795E97 - #C7BFD1

CSS codes

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

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