#5E3E56 - #CC6180 | 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 #5E3E56 to #CC6180

#5E3E56 #CC6180

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

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

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #70435D	RGB 112 67 93	#70435D
33.3%	33.3% #824964	RGB 130 73 100	#824964
50.0%	50.0% #954F6B	RGB 149 79 107	#954F6B
66.7%	66.7% #A75572	RGB 167 85 114	#A75572
83.3%	83.3% #B95B79	RGB 185 91 121	#B95B79
100.0%	100.0% #CC6180	RGB 204 97 128	#CC6180

#5E3E56 #70435D #824964 #954F6B #A75572 #B95B79 #CC6180

#5E3E56 - #CC6180

HSV Blend

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

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #704662	RGB 112 70 98	#704662
33.3%	33.3% #824E6D	RGB 130 78 109	#824E6D
50.0%	50.0% #955476	RGB 149 84 118	#955476
66.7%	66.7% #A7597C	RGB 167 89 124	#A7597C
83.3%	83.3% #B95D7F	RGB 185 93 127	#B95D7F
100.0%	100.0% #CC6180	RGB 204 97 128	#CC6180

#5E3E56 #704662 #824E6D #955476 #A7597C #B95D7F #CC6180

#5E3E56 - #955476 - #CC6180

CSS codes

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

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