#5E1453 - #B8567F | 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 #5E1453 to #B8567F

#5E1453 #B8567F

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

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

0.0%	0.0% #5E1453	RGB 94 20 83	#5E1453
16.7%	16.7% #6D1F5A	RGB 109 31 90	#6D1F5A
33.3%	33.3% #7C2A61	RGB 124 42 97	#7C2A61
50.0%	50.0% #8B3569	RGB 139 53 105	#8B3569
66.7%	66.7% #9A4070	RGB 154 64 112	#9A4070
83.3%	83.3% #A94B77	RGB 169 75 119	#A94B77
100.0%	100.0% #B8567F	RGB 184 86 127	#B8567F

#5E1453 #6D1F5A #7C2A61 #8B3569 #9A4070 #A94B77 #B8567F

#5E1453 - #B8567F

HSV Blend

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

0.0%	0.0% #5E1353	RGB 94 19 83	#5E1353
16.7%	16.7% #6D1B5B	RGB 109 27 91	#6D1B5B
33.3%	33.3% #7C2462	RGB 124 36 98	#7C2462
50.0%	50.0% #8B2F69	RGB 139 47 105	#8B2F69
66.7%	66.7% #9A3A70	RGB 154 58 112	#9A3A70
83.3%	83.3% #A94777	RGB 169 71 119	#A94777
100.0%	100.0% #B8567F	RGB 184 86 127	#B8567F

#5E1353 #6D1B5B #7C2462 #8B2F69 #9A3A70 #A94777 #B8567F

#5E1453 - #8B2F69 - #B8567F

CSS codes

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

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