#5E2348 - #BF656D | 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 #5E2348 to #BF656D

#5E2348 #BF656D

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

#5E2348 - #BF656D | 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 #5E2348 as 0% and #BF656D as 100%.

0.0%	0.0% #5E2348	RGB 94 35 72	#5E2348
16.7%	16.7% #6E2E4E	RGB 110 46 78	#6E2E4E
33.3%	33.3% #7E3954	RGB 126 57 84	#7E3954
50.0%	50.0% #8E445A	RGB 142 68 90	#8E445A
66.7%	66.7% #9E4F60	RGB 158 79 96	#9E4F60
83.3%	83.3% #AE5A66	RGB 174 90 102	#AE5A66
100.0%	100.0% #BF656D	RGB 191 101 109	#BF656D

#5E2348 #6E2E4E #7E3954 #8E445A #9E4F60 #AE5A66 #BF656D

#5E2348 - #BF656D

HSV Blend

#5E2348 - #BF656D | 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 #5E2348 as 0% and #BF656D as 100%.

0.0%	0.0% #5E2348	RGB 94 35 72	#5E2348
16.7%	16.7% #6E2B4F	RGB 110 43 79	#6E2B4F
33.3%	33.3% #7E3556	RGB 126 53 86	#7E3556
50.0%	50.0% #8E405C	RGB 142 64 92	#8E405C
66.7%	66.7% #9E4B61	RGB 158 75 97	#9E4B61
83.3%	83.3% #AE5767	RGB 174 87 103	#AE5767
100.0%	100.0% #BF656D	RGB 191 101 109	#BF656D

#5E2348 #6E2B4F #7E3556 #8E405C #9E4B61 #AE5767 #BF656D

#5E2348 - #8E405C - #BF656D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2348 0%, #8E405C 50%, #BF656D 100%);
    background: -webkit-linear-gradient(top, #5E2348 0%, #8E405C 50%, #BF656D 100%);
    background: linear-gradient(to bottom, #5E2348 0%, #8E405C 50%, #BF656D 100%);
}
</style>