#7E5E8F - #451758 | 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 #7E5E8F to #451758

#7E5E8F #451758

Calculate the color between two colors, #7E5E8F and #451758. 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)

#7E5E8F - #451758 | 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 #7E5E8F as 0% and #451758 as 100%.

0.0%	0.0% #7E5E8F	RGB 126 94 143	#7E5E8F
16.7%	16.7% #745285	RGB 116 82 133	#745285
33.3%	33.3% #6B467C	RGB 107 70 124	#6B467C
50.0%	50.0% #613A73	RGB 97 58 115	#613A73
66.7%	66.7% #582E6A	RGB 88 46 106	#582E6A
83.3%	83.3% #4E2261	RGB 78 34 97	#4E2261
100.0%	100.0% #451758	RGB 69 23 88	#451758

#7E5E8F #745285 #6B467C #613A73 #582E6A #4E2261 #451758

#7E5E8F - #451758

HSV Blend

#7E5E8F - #451758 | 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 #7E5E8F as 0% and #451758 as 100%.

0.0%	0.0% #7E5E8F	RGB 126 94 143	#7E5E8F
16.7%	16.7% #734F85	RGB 115 79 133	#734F85
33.3%	33.3% #69417C	RGB 105 65 124	#69417C
50.0%	50.0% #5F3573	RGB 95 53 115	#5F3573
66.7%	66.7% #56296A	RGB 86 41 106	#56296A
83.3%	83.3% #4D1F61	RGB 77 31 97	#4D1F61
100.0%	100.0% #451758	RGB 69 23 88	#451758

#7E5E8F #734F85 #69417C #5F3573 #56296A #4D1F61 #451758

#7E5E8F - #5F3573 - #451758

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E8F 0%, #5F3573 50%, #451758 100%);
    background: -webkit-linear-gradient(top, #7E5E8F 0%, #5F3573 50%, #451758 100%);
    background: linear-gradient(to bottom, #7E5E8F 0%, #5F3573 50%, #451758 100%);
}
</style>