#5E105C - #D1BAD0 | 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 #5E105C to #D1BAD0

#5E105C #D1BAD0

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

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

0.0%	0.0% #5E105C	RGB 94 16 92	#5E105C
16.7%	16.7% #712C6F	RGB 113 44 111	#712C6F
33.3%	33.3% #844882	RGB 132 72 130	#844882
50.0%	50.0% #976596	RGB 151 101 150	#976596
66.7%	66.7% #AA81A9	RGB 170 129 169	#AA81A9
83.3%	83.3% #BD9DBC	RGB 189 157 188	#BD9DBC
100.0%	100.0% #D1BAD0	RGB 209 186 208	#D1BAD0

#5E105C #712C6F #844882 #976596 #AA81A9 #BD9DBC #D1BAD0

#5E105C - #D1BAD0

HSV Blend

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

0.0%	0.0% #5E0F5B	RGB 94 15 91	#5E0F5B
16.7%	16.7% #71206E	RGB 113 32 110	#71206E
33.3%	33.3% #843681	RGB 132 54 129	#843681
50.0%	50.0% #975095	RGB 151 80 149	#975095
66.7%	66.7% #AA6EA8	RGB 170 110 168	#AA6EA8
83.3%	83.3% #BD92BC	RGB 189 146 188	#BD92BC
100.0%	100.0% #D1BAD0	RGB 209 186 208	#D1BAD0

#5E0F5B #71206E #843681 #975095 #AA6EA8 #BD92BC #D1BAD0

#5E105C - #975095 - #D1BAD0

CSS codes

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

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