#5E527F - #E79E95 | 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 #5E527F to #E79E95

#5E527F #E79E95

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

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

0.0%	0.0% #5E527F	RGB 94 82 127	#5E527F
16.7%	16.7% #745E82	RGB 116 94 130	#745E82
33.3%	33.3% #8B6B86	RGB 139 107 134	#8B6B86
50.0%	50.0% #A2788A	RGB 162 120 138	#A2788A
66.7%	66.7% #B9848D	RGB 185 132 141	#B9848D
83.3%	83.3% #D09191	RGB 208 145 145	#D09191
100.0%	100.0% #E79E95	RGB 231 158 149	#E79E95

#5E527F #745E82 #8B6B86 #A2788A #B9848D #D09191 #E79E95

#5E527F - #E79E95

HSV Blend

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

0.0%	0.0% #5E527F	RGB 94 82 127	#5E527F
16.7%	16.7% #7A5D90	RGB 122 93 144	#7A5D90
33.3%	33.3% #9A68A1	RGB 154 104 161	#9A68A1
50.0%	50.0% #B373A7	RGB 179 115 167	#B373A7
66.7%	66.7% #C47EA1	RGB 196 126 161	#C47EA1
83.3%	83.3% #D58998	RGB 213 137 152	#D58998
100.0%	100.0% #E79E95	RGB 231 158 149	#E79E95

#5E527F #7A5D90 #9A68A1 #B373A7 #C47EA1 #D58998 #E79E95

#5E527F - #B373A7 - #E79E95

CSS codes

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

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