#3B053C - #95314E | 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 #3B053C to #95314E

#3B053C #95314E

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

#3B053C - #95314E | 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 #3B053C as 0% and #95314E as 100%.

0.0%	0.0% #3B053C	RGB 59 5 60	#3B053C
16.7%	16.7% #4A0C3F	RGB 74 12 63	#4A0C3F
33.3%	33.3% #591342	RGB 89 19 66	#591342
50.0%	50.0% #681B45	RGB 104 27 69	#681B45
66.7%	66.7% #772248	RGB 119 34 72	#772248
83.3%	83.3% #86294B	RGB 134 41 75	#86294B
100.0%	100.0% #95314E	RGB 149 49 78	#95314E

#3B053C #4A0C3F #591342 #681B45 #772248 #86294B #95314E

#3B053C - #95314E

HSV Blend

#3B053C - #95314E | 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 #3B053C as 0% and #95314E as 100%.

0.0%	0.0% #3A043C	RGB 58 4 60	#3A043C
16.7%	16.7% #4A0944	RGB 74 9 68	#4A0944
33.3%	33.3% #590E48	RGB 89 14 72	#590E48
50.0%	50.0% #68154B	RGB 104 21 75	#68154B
66.7%	66.7% #771D4D	RGB 119 29 77	#771D4D
83.3%	83.3% #86264D	RGB 134 38 77	#86264D
100.0%	100.0% #95314E	RGB 149 49 78	#95314E

#3A043C #4A0944 #590E48 #68154B #771D4D #86264D #95314E

#3B053C - #68154B - #95314E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A043C 0%, #68154B 50%, #95314E 100%);
    background: -webkit-linear-gradient(top, #3A043C 0%, #68154B 50%, #95314E 100%);
    background: linear-gradient(to bottom, #3A043C 0%, #68154B 50%, #95314E 100%);
}
</style>