#3D2F5E - #BB767E | 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 #3D2F5E to #BB767E

#3D2F5E #BB767E

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

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

0.0%	0.0% #3D2F5E	RGB 61 47 94	#3D2F5E
16.7%	16.7% #523A63	RGB 82 58 99	#523A63
33.3%	33.3% #674668	RGB 103 70 104	#674668
50.0%	50.0% #7C526E	RGB 124 82 110	#7C526E
66.7%	66.7% #915E73	RGB 145 94 115	#915E73
83.3%	83.3% #A66A78	RGB 166 106 120	#A66A78
100.0%	100.0% #BB767E	RGB 187 118 126	#BB767E

#3D2F5E #523A63 #674668 #7C526E #915E73 #A66A78 #BB767E

#3D2F5E - #BB767E

HSV Blend

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

0.0%	0.0% #3D2F5E	RGB 61 47 94	#3D2F5E
16.7%	16.7% #56396D	RGB 86 57 109	#56396D
33.3%	33.3% #73437D	RGB 115 67 125	#73437D
50.0%	50.0% #8C4F86	RGB 140 79 134	#8C4F86
66.7%	66.7% #9C5B85	RGB 156 91 133	#9C5B85
83.3%	83.3% #AB6881	RGB 171 104 129	#AB6881
100.0%	100.0% #BB767E	RGB 187 118 126	#BB767E

#3D2F5E #56396D #73437D #8C4F86 #9C5B85 #AB6881 #BB767E

#3D2F5E - #8C4F86 - #BB767E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2F5E 0%, #8C4F86 50%, #BB767E 100%);
    background: -webkit-linear-gradient(top, #3D2F5E 0%, #8C4F86 50%, #BB767E 100%);
    background: linear-gradient(to bottom, #3D2F5E 0%, #8C4F86 50%, #BB767E 100%);
}
</style>