#7E67B5 - #3E135F | 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 #7E67B5 to #3E135F

#7E67B5 #3E135F

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

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

0.0%	0.0% #7E67B5	RGB 126 103 181	#7E67B5
16.7%	16.7% #7359A6	RGB 115 89 166	#7359A6
33.3%	33.3% #684B98	RGB 104 75 152	#684B98
50.0%	50.0% #5E3D8A	RGB 94 61 138	#5E3D8A
66.7%	66.7% #532F7B	RGB 83 47 123	#532F7B
83.3%	83.3% #48216D	RGB 72 33 109	#48216D
100.0%	100.0% #3E135F	RGB 62 19 95	#3E135F

#7E67B5 #7359A6 #684B98 #5E3D8A #532F7B #48216D #3E135F

#7E67B5 - #3E135F

HSV Blend

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

0.0%	0.0% #7E67B5	RGB 126 103 181	#7E67B5
16.7%	16.7% #7054A6	RGB 112 84 166	#7054A6
33.3%	33.3% #644398	RGB 100 67 152	#644398
50.0%	50.0% #59358A	RGB 89 53 138	#59358A
66.7%	66.7% #4F277B	RGB 79 39 123	#4F277B
83.3%	83.3% #461C6D	RGB 70 28 109	#461C6D
100.0%	100.0% #3E135F	RGB 62 19 95	#3E135F

#7E67B5 #7054A6 #644398 #59358A #4F277B #461C6D #3E135F

#7E67B5 - #59358A - #3E135F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E67B5 0%, #59358A 50%, #3E135F 100%);
    background: -webkit-linear-gradient(top, #7E67B5 0%, #59358A 50%, #3E135F 100%);
    background: linear-gradient(to bottom, #7E67B5 0%, #59358A 50%, #3E135F 100%);
}
</style>