#7E74B6 - #421C62 | 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 #7E74B6 to #421C62

#7E74B6 #421C62

Calculate the color between two colors, #7E74B6 and #421C62. 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)

#7E74B6 - #421C62 | 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 #7E74B6 as 0% and #421C62 as 100%.

0.0%	0.0% #7E74B6	RGB 126 116 182	#7E74B6
16.7%	16.7% #7465A8	RGB 116 101 168	#7465A8
33.3%	33.3% #6A569A	RGB 106 86 154	#6A569A
50.0%	50.0% #60488C	RGB 96 72 140	#60488C
66.7%	66.7% #56397E	RGB 86 57 126	#56397E
83.3%	83.3% #4C2A70	RGB 76 42 112	#4C2A70
100.0%	100.0% #421C62	RGB 66 28 98	#421C62

#7E74B6 #7465A8 #6A569A #60488C #56397E #4C2A70 #421C62

#7E74B6 - #421C62

HSV Blend

#7E74B6 - #421C62 | 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 #7E74B6 as 0% and #421C62 as 100%.

0.0%	0.0% #7E74B6	RGB 126 116 182	#7E74B6
16.7%	16.7% #7061A8	RGB 112 97 168	#7061A8
33.3%	33.3% #64509A	RGB 100 80 154	#64509A
50.0%	50.0% #5A408C	RGB 90 64 140	#5A408C
66.7%	66.7% #51327E	RGB 81 50 126	#51327E
83.3%	83.3% #492670	RGB 73 38 112	#492670
100.0%	100.0% #421C62	RGB 66 28 98	#421C62

#7E74B6 #7061A8 #64509A #5A408C #51327E #492670 #421C62

#7E74B6 - #5A408C - #421C62

CSS codes

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

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