#5E4B53 - #926EB5 | 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 #5E4B53 to #926EB5

#5E4B53 #926EB5

Calculate the color between two colors, #5E4B53 and #926EB5. 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)

#5E4B53 - #926EB5 | 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 #5E4B53 as 0% and #926EB5 as 100%.

0.0%	0.0% #5E4B53	RGB 94 75 83	#5E4B53
16.7%	16.7% #665063	RGB 102 80 99	#665063
33.3%	33.3% #6F5673	RGB 111 86 115	#6F5673
50.0%	50.0% #785C84	RGB 120 92 132	#785C84
66.7%	66.7% #806294	RGB 128 98 148	#806294
83.3%	83.3% #8968A4	RGB 137 104 164	#8968A4
100.0%	100.0% #926EB5	RGB 146 110 181	#926EB5

#5E4B53 #665063 #6F5673 #785C84 #806294 #8968A4 #926EB5

#5E4B53 - #926EB5

HSV Blend

#5E4B53 - #926EB5 | 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 #5E4B53 as 0% and #926EB5 as 100%.

0.0%	0.0% #5E4B53	RGB 94 75 83	#5E4B53
16.7%	16.7% #6C5362	RGB 108 83 98	#6C5362
33.3%	33.3% #7B5A73	RGB 123 90 115	#7B5A73
50.0%	50.0% #896087	RGB 137 96 135	#896087
66.7%	66.7% #916698	RGB 145 102 152	#916698
83.3%	83.3% #936AA6	RGB 147 106 166	#936AA6
100.0%	100.0% #926EB5	RGB 146 110 181	#926EB5

#5E4B53 #6C5362 #7B5A73 #896087 #916698 #936AA6 #926EB5

#5E4B53 - #896087 - #926EB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4B53 0%, #896087 50%, #926EB5 100%);
    background: -webkit-linear-gradient(top, #5E4B53 0%, #896087 50%, #926EB5 100%);
    background: linear-gradient(to bottom, #5E4B53 0%, #896087 50%, #926EB5 100%);
}
</style>