#3D4F5E - #B86ADB | 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 #3D4F5E to #B86ADB

#3D4F5E #B86ADB

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

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

0.0%	0.0% #3D4F5E	RGB 61 79 94	#3D4F5E
16.7%	16.7% #515372	RGB 81 83 114	#515372
33.3%	33.3% #665887	RGB 102 88 135	#665887
50.0%	50.0% #7A5C9C	RGB 122 92 156	#7A5C9C
66.7%	66.7% #8F61B1	RGB 143 97 177	#8F61B1
83.3%	83.3% #A365C6	RGB 163 101 198	#A365C6
100.0%	100.0% #B86ADB	RGB 184 106 219	#B86ADB

#3D4F5E #515372 #665887 #7A5C9C #8F61B1 #A365C6 #B86ADB

#3D4F5E - #B86ADB

HSV Blend

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

0.0%	0.0% #3D4F5E	RGB 61 79 94	#3D4F5E
16.7%	16.7% #475672	RGB 71 86 114	#475672
33.3%	33.3% #505787	RGB 80 87 135	#505787
50.0%	50.0% #5D589C	RGB 93 88 156	#5D589C
66.7%	66.7% #765FB1	RGB 118 95 177	#765FB1
83.3%	83.3% #9465C6	RGB 148 101 198	#9465C6
100.0%	100.0% #B86ADB	RGB 184 106 219	#B86ADB

#3D4F5E #475672 #505787 #5D589C #765FB1 #9465C6 #B86ADB

#3D4F5E - #5D589C - #B86ADB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4F5E 0%, #5D589C 50%, #B86ADB 100%);
    background: -webkit-linear-gradient(top, #3D4F5E 0%, #5D589C 50%, #B86ADB 100%);
    background: linear-gradient(to bottom, #3D4F5E 0%, #5D589C 50%, #B86ADB 100%);
}
</style>