#5E3E54 - #7674A4 | 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 #5E3E54 to #7674A4

#5E3E54 #7674A4

Calculate the color between two colors, #5E3E54 and #7674A4. 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)

#5E3E54 - #7674A4 | 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 #5E3E54 as 0% and #7674A4 as 100%.

0.0%	0.0% #5E3E54	RGB 94 62 84	#5E3E54
16.7%	16.7% #624761	RGB 98 71 97	#624761
33.3%	33.3% #66506E	RGB 102 80 110	#66506E
50.0%	50.0% #6A597C	RGB 106 89 124	#6A597C
66.7%	66.7% #6E6289	RGB 110 98 137	#6E6289
83.3%	83.3% #726B96	RGB 114 107 150	#726B96
100.0%	100.0% #7674A4	RGB 118 116 164	#7674A4

#5E3E54 #624761 #66506E #6A597C #6E6289 #726B96 #7674A4

#5E3E54 - #7674A4

HSV Blend

#5E3E54 - #7674A4 | 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 #5E3E54 as 0% and #7674A4 as 100%.

0.0%	0.0% #5E3E54	RGB 94 62 84	#5E3E54
16.7%	16.7% #694666	RGB 105 70 102	#694666
33.3%	33.3% #714F75	RGB 113 79 117	#714F75
50.0%	50.0% #735881	RGB 115 88 129	#735881
66.7%	66.7% #75618C	RGB 117 97 140	#75618C
83.3%	83.3% #766A98	RGB 118 106 152	#766A98
100.0%	100.0% #7674A4	RGB 118 116 164	#7674A4

#5E3E54 #694666 #714F75 #735881 #75618C #766A98 #7674A4

#5E3E54 - #735881 - #7674A4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E54 0%, #735881 50%, #7674A4 100%);
    background: -webkit-linear-gradient(top, #5E3E54 0%, #735881 50%, #7674A4 100%);
    background: linear-gradient(to bottom, #5E3E54 0%, #735881 50%, #7674A4 100%);
}
</style>