#5E3E74 - #94819C | 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 #5E3E74 to #94819C

#5E3E74 #94819C

Calculate the color between two colors, #5E3E74 and #94819C. 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)

#5E3E74 - #94819C | 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 #5E3E74 as 0% and #94819C as 100%.

0.0%	0.0% #5E3E74	RGB 94 62 116	#5E3E74
16.7%	16.7% #67497A	RGB 103 73 122	#67497A
33.3%	33.3% #705481	RGB 112 84 129	#705481
50.0%	50.0% #795F88	RGB 121 95 136	#795F88
66.7%	66.7% #826A8E	RGB 130 106 142	#826A8E
83.3%	83.3% #8B7595	RGB 139 117 149	#8B7595
100.0%	100.0% #94819C	RGB 148 129 156	#94819C

#5E3E74 #67497A #705481 #795F88 #826A8E #8B7595 #94819C

#5E3E74 - #94819C

HSV Blend

#5E3E74 - #94819C | 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 #5E3E74 as 0% and #94819C as 100%.

0.0%	0.0% #5D3E74	RGB 93 62 116	#5D3E74
16.7%	16.7% #66477A	RGB 102 71 122	#66477A
33.3%	33.3% #6F5181	RGB 111 81 129	#6F5181
50.0%	50.0% #785C88	RGB 120 92 136	#785C88
66.7%	66.7% #81688E	RGB 129 104 142	#81688E
83.3%	83.3% #8A7495	RGB 138 116 149	#8A7495
100.0%	100.0% #94819C	RGB 148 129 156	#94819C

#5D3E74 #66477A #6F5181 #785C88 #81688E #8A7495 #94819C

#5E3E74 - #785C88 - #94819C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E74 0%, #785C88 50%, #94819C 100%);
    background: -webkit-linear-gradient(top, #5D3E74 0%, #785C88 50%, #94819C 100%);
    background: linear-gradient(to bottom, #5D3E74 0%, #785C88 50%, #94819C 100%);
}
</style>