#5E3151 - #C45075 | 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 #5E3151 to #C45075

#5E3151 #C45075

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

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

0.0%	0.0% #5E3151	RGB 94 49 81	#5E3151
16.7%	16.7% #6F3657	RGB 111 54 87	#6F3657
33.3%	33.3% #803B5D	RGB 128 59 93	#803B5D
50.0%	50.0% #914063	RGB 145 64 99	#914063
66.7%	66.7% #A24569	RGB 162 69 105	#A24569
83.3%	83.3% #B34A6F	RGB 179 74 111	#B34A6F
100.0%	100.0% #C45075	RGB 196 80 117	#C45075

#5E3151 #6F3657 #803B5D #914063 #A24569 #B34A6F #C45075

#5E3151 - #C45075

HSV Blend

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

0.0%	0.0% #5E3151	RGB 94 49 81	#5E3151
16.7%	16.7% #6F375B	RGB 111 55 91	#6F375B
33.3%	33.3% #803D64	RGB 128 61 100	#803D64
50.0%	50.0% #91436B	RGB 145 67 107	#91436B
66.7%	66.7% #A24870	RGB 162 72 112	#A24870
83.3%	83.3% #B34C73	RGB 179 76 115	#B34C73
100.0%	100.0% #C45075	RGB 196 80 117	#C45075

#5E3151 #6F375B #803D64 #91436B #A24870 #B34C73 #C45075

#5E3151 - #91436B - #C45075

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3151 0%, #91436B 50%, #C45075 100%);
    background: -webkit-linear-gradient(top, #5E3151 0%, #91436B 50%, #C45075 100%);
    background: linear-gradient(to bottom, #5E3151 0%, #91436B 50%, #C45075 100%);
}
</style>