#5E277F - #CC6F98 | 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 #5E277F to #CC6F98

#5E277F #CC6F98

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

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

0.0%	0.0% #5E277F	RGB 94 39 127	#5E277F
16.7%	16.7% #703383	RGB 112 51 131	#703383
33.3%	33.3% #823F87	RGB 130 63 135	#823F87
50.0%	50.0% #954B8B	RGB 149 75 139	#954B8B
66.7%	66.7% #A7578F	RGB 167 87 143	#A7578F
83.3%	83.3% #B96393	RGB 185 99 147	#B96393
100.0%	100.0% #CC6F98	RGB 204 111 152	#CC6F98

#5E277F #703383 #823F87 #954B8B #A7578F #B96393 #CC6F98

#5E277F - #CC6F98

HSV Blend

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

0.0%	0.0% #5D267F	RGB 93 38 127	#5D267F
16.7%	16.7% #77308B	RGB 119 48 139	#77308B
33.3%	33.3% #923A98	RGB 146 58 152	#923A98
50.0%	50.0% #A5469C	RGB 165 70 156	#A5469C
66.7%	66.7% #B2529A	RGB 178 82 154	#B2529A
83.3%	83.3% #BF6098	RGB 191 96 152	#BF6098
100.0%	100.0% #CC6F98	RGB 204 111 152	#CC6F98

#5D267F #77308B #923A98 #A5469C #B2529A #BF6098 #CC6F98

#5E277F - #A5469C - #CC6F98

CSS codes

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

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