#5E226D - #D1BFD5 | 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 #5E226D to #D1BFD5

#5E226D #D1BFD5

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

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

0.0%	0.0% #5E226D	RGB 94 34 109	#5E226D
16.7%	16.7% #713C7E	RGB 113 60 126	#713C7E
33.3%	33.3% #84568F	RGB 132 86 143	#84568F
50.0%	50.0% #9770A1	RGB 151 112 161	#9770A1
66.7%	66.7% #AA8AB2	RGB 170 138 178	#AA8AB2
83.3%	83.3% #BDA4C3	RGB 189 164 195	#BDA4C3
100.0%	100.0% #D1BFD5	RGB 209 191 213	#D1BFD5

#5E226D #713C7E #84568F #9770A1 #AA8AB2 #BDA4C3 #D1BFD5

#5E226D - #D1BFD5

HSV Blend

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

0.0%	0.0% #5E226D	RGB 94 34 109	#5E226D
16.7%	16.7% #6F337E	RGB 111 51 126	#6F337E
33.3%	33.3% #81488F	RGB 129 72 143	#81488F
50.0%	50.0% #9461A1	RGB 148 97 161	#9461A1
66.7%	66.7% #A87DB2	RGB 168 125 178	#A87DB2
83.3%	83.3% #BC9CC3	RGB 188 156 195	#BC9CC3
100.0%	100.0% #D1BFD5	RGB 209 191 213	#D1BFD5

#5E226D #6F337E #81488F #9461A1 #A87DB2 #BC9CC3 #D1BFD5

#5E226D - #9461A1 - #D1BFD5

CSS codes

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

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