#332C5E - #B07584 | 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 #332C5E to #B07584

#332C5E #B07584

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

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

0.0%	0.0% #332C5E	RGB 51 44 94	#332C5E
16.7%	16.7% #473864	RGB 71 56 100	#473864
33.3%	33.3% #5C446A	RGB 92 68 106	#5C446A
50.0%	50.0% #715071	RGB 113 80 113	#715071
66.7%	66.7% #865C77	RGB 134 92 119	#865C77
83.3%	83.3% #9B687D	RGB 155 104 125	#9B687D
100.0%	100.0% #B07584	RGB 176 117 132	#B07584

#332C5E #473864 #5C446A #715071 #865C77 #9B687D #B07584

#332C5E - #B07584

HSV Blend

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

0.0%	0.0% #332C5E	RGB 51 44 94	#332C5E
16.7%	16.7% #4B356B	RGB 75 53 107	#4B356B
33.3%	33.3% #664079	RGB 102 64 121	#664079
50.0%	50.0% #834C87	RGB 131 76 135	#834C87
66.7%	66.7% #945988	RGB 148 89 136	#945988
83.3%	83.3% #A26685	RGB 162 102 133	#A26685
100.0%	100.0% #B07584	RGB 176 117 132	#B07584

#332C5E #4B356B #664079 #834C87 #945988 #A26685 #B07584

#332C5E - #834C87 - #B07584

CSS codes

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

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