#5E3054 - #C6797E | 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 #5E3054 to #C6797E

#5E3054 #C6797E

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

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

0.0%	0.0% #5E3054	RGB 94 48 84	#5E3054
16.7%	16.7% #6F3C5B	RGB 111 60 91	#6F3C5B
33.3%	33.3% #804862	RGB 128 72 98	#804862
50.0%	50.0% #925469	RGB 146 84 105	#925469
66.7%	66.7% #A36070	RGB 163 96 112	#A36070
83.3%	83.3% #B46C77	RGB 180 108 119	#B46C77
100.0%	100.0% #C6797E	RGB 198 121 126	#C6797E

#5E3054 #6F3C5B #804862 #925469 #A36070 #B46C77 #C6797E

#5E3054 - #C6797E

HSV Blend

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

0.0%	0.0% #5E3054	RGB 94 48 84	#5E3054
16.7%	16.7% #6F3A5D	RGB 111 58 93	#6F3A5D
33.3%	33.3% #804665	RGB 128 70 101	#804665
50.0%	50.0% #92516D	RGB 146 81 109	#92516D
66.7%	66.7% #A35E73	RGB 163 94 115	#A35E73
83.3%	83.3% #B46B78	RGB 180 107 120	#B46B78
100.0%	100.0% #C6797E	RGB 198 121 126	#C6797E

#5E3054 #6F3A5D #804665 #92516D #A35E73 #B46B78 #C6797E

#5E3054 - #92516D - #C6797E

CSS codes

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

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