#5E315C - #D1C4D0 | 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 #5E315C to #D1C4D0

#5E315C #D1C4D0

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

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

0.0%	0.0% #5E315C	RGB 94 49 92	#5E315C
16.7%	16.7% #71496F	RGB 113 73 111	#71496F
33.3%	33.3% #846282	RGB 132 98 130	#846282
50.0%	50.0% #977A96	RGB 151 122 150	#977A96
66.7%	66.7% #AA93A9	RGB 170 147 169	#AA93A9
83.3%	83.3% #BDABBC	RGB 189 171 188	#BDABBC
100.0%	100.0% #D1C4D0	RGB 209 196 208	#D1C4D0

#5E315C #71496F #846282 #977A96 #AA93A9 #BDABBC #D1C4D0

#5E315C - #D1C4D0

HSV Blend

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

0.0%	0.0% #5E315C	RGB 94 49 92	#5E315C
16.7%	16.7% #71426E	RGB 113 66 110	#71426E
33.3%	33.3% #845781	RGB 132 87 129	#845781
50.0%	50.0% #976E95	RGB 151 110 149	#976E95
66.7%	66.7% #AA88A8	RGB 170 136 168	#AA88A8
83.3%	83.3% #BDA4BC	RGB 189 164 188	#BDA4BC
100.0%	100.0% #D1C4D0	RGB 209 196 208	#D1C4D0

#5E315C #71426E #845781 #976E95 #AA88A8 #BDA4BC #D1C4D0

#5E315C - #976E95 - #D1C4D0

CSS codes

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

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