#332F5E - #B37985 | 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 #332F5E to #B37985

#332F5E #B37985

Calculate the color between two colors, #332F5E and #B37985. 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)

#332F5E - #B37985 | 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 #332F5E as 0% and #B37985 as 100%.

0.0%	0.0% #332F5E	RGB 51 47 94	#332F5E
16.7%	16.7% #483B64	RGB 72 59 100	#483B64
33.3%	33.3% #5D476B	RGB 93 71 107	#5D476B
50.0%	50.0% #735471	RGB 115 84 113	#735471
66.7%	66.7% #886078	RGB 136 96 120	#886078
83.3%	83.3% #9D6C7E	RGB 157 108 126	#9D6C7E
100.0%	100.0% #B37985	RGB 179 121 133	#B37985

#332F5E #483B64 #5D476B #735471 #886078 #9D6C7E #B37985

#332F5E - #B37985

HSV Blend

#332F5E - #B37985 | 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 #332F5E as 0% and #B37985 as 100%.

0.0%	0.0% #332F5E	RGB 51 47 94	#332F5E
16.7%	16.7% #4C396C	RGB 76 57 108	#4C396C
33.3%	33.3% #67447A	RGB 103 68 122	#67447A
50.0%	50.0% #855088	RGB 133 80 136	#855088
66.7%	66.7% #965D89	RGB 150 93 137	#965D89
83.3%	83.3% #A46A87	RGB 164 106 135	#A46A87
100.0%	100.0% #B37985	RGB 179 121 133	#B37985

#332F5E #4C396C #67447A #855088 #965D89 #A46A87 #B37985

#332F5E - #855088 - #B37985

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332F5E 0%, #855088 50%, #B37985 100%);
    background: -webkit-linear-gradient(top, #332F5E 0%, #855088 50%, #B37985 100%);
    background: linear-gradient(to bottom, #332F5E 0%, #855088 50%, #B37985 100%);
}
</style>