#7B2F6B - #846BCB | 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 #7B2F6B to #846BCB

#7B2F6B #846BCB

Calculate the color between two colors, #7B2F6B and #846BCB. 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)

#7B2F6B - #846BCB | 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 #7B2F6B as 0% and #846BCB as 100%.

0.0%	0.0% #7B2F6B	RGB 123 47 107	#7B2F6B
16.7%	16.7% #7C397B	RGB 124 57 123	#7C397B
33.3%	33.3% #7E438B	RGB 126 67 139	#7E438B
50.0%	50.0% #7F4D9B	RGB 127 77 155	#7F4D9B
66.7%	66.7% #8157AB	RGB 129 87 171	#8157AB
83.3%	83.3% #8261BB	RGB 130 97 187	#8261BB
100.0%	100.0% #846BCB	RGB 132 107 203	#846BCB

#7B2F6B #7C397B #7E438B #7F4D9B #8157AB #8261BB #846BCB

#7B2F6B - #846BCB

HSV Blend

#7B2F6B - #846BCB | 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 #7B2F6B as 0% and #846BCB as 100%.

0.0%	0.0% #7B2F6B	RGB 123 47 107	#7B2F6B
16.7%	16.7% #883784	RGB 136 55 132	#883784
33.3%	33.3% #8C4095	RGB 140 64 149	#8C4095
50.0%	50.0% #8B4AA3	RGB 139 74 163	#8B4AA3
66.7%	66.7% #8954B0	RGB 137 84 176	#8954B0
83.3%	83.3% #865FBD	RGB 134 95 189	#865FBD
100.0%	100.0% #846BCB	RGB 132 107 203	#846BCB

#7B2F6B #883784 #8C4095 #8B4AA3 #8954B0 #865FBD #846BCB

#7B2F6B - #8B4AA3 - #846BCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B2F6B 0%, #8B4AA3 50%, #846BCB 100%);
    background: -webkit-linear-gradient(top, #7B2F6B 0%, #8B4AA3 50%, #846BCB 100%);
    background: linear-gradient(to bottom, #7B2F6B 0%, #8B4AA3 50%, #846BCB 100%);
}
</style>