#5E1844 - #B95668 | 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 #5E1844 to #B95668

#5E1844 #B95668

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

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

0.0%	0.0% #5E1844	RGB 94 24 68	#5E1844
16.7%	16.7% #6D224A	RGB 109 34 74	#6D224A
33.3%	33.3% #7C2C50	RGB 124 44 80	#7C2C50
50.0%	50.0% #8B3756	RGB 139 55 86	#8B3756
66.7%	66.7% #9A415C	RGB 154 65 92	#9A415C
83.3%	83.3% #A94B62	RGB 169 75 98	#A94B62
100.0%	100.0% #B95668	RGB 185 86 104	#B95668

#5E1844 #6D224A #7C2C50 #8B3756 #9A415C #A94B62 #B95668

#5E1844 - #B95668

HSV Blend

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

0.0%	0.0% #5E1844	RGB 94 24 68	#5E1844
16.7%	16.7% #6D1F4A	RGB 109 31 74	#6D1F4A
33.3%	33.3% #7C2850	RGB 124 40 80	#7C2850
50.0%	50.0% #8B3256	RGB 139 50 86	#8B3256
66.7%	66.7% #9A3D5C	RGB 154 61 92	#9A3D5C
83.3%	83.3% #A94961	RGB 169 73 97	#A94961
100.0%	100.0% #B95668	RGB 185 86 104	#B95668

#5E1844 #6D1F4A #7C2850 #8B3256 #9A3D5C #A94961 #B95668

#5E1844 - #8B3256 - #B95668

CSS codes

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

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