#641A8F - #D2BDDF | 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 #641A8F to #D2BDDF

#641A8F #D2BDDF

Calculate the color between two colors, #641A8F and #D2BDDF. 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)

#641A8F - #D2BDDF | 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 #641A8F as 0% and #D2BDDF as 100%.

0.0%	0.0% #641A8F	RGB 100 26 143	#641A8F
16.7%	16.7% #76359C	RGB 118 53 156	#76359C
33.3%	33.3% #8850A9	RGB 136 80 169	#8850A9
50.0%	50.0% #9B6BB7	RGB 155 107 183	#9B6BB7
66.7%	66.7% #AD86C4	RGB 173 134 196	#AD86C4
83.3%	83.3% #BFA1D1	RGB 191 161 209	#BFA1D1
100.0%	100.0% #D2BDDF	RGB 210 189 223	#D2BDDF

#641A8F #76359C #8850A9 #9B6BB7 #AD86C4 #BFA1D1 #D2BDDF

#641A8F - #D2BDDF

HSV Blend

#641A8F - #D2BDDF | 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 #641A8F as 0% and #D2BDDF as 100%.

0.0%	0.0% #641A8F	RGB 100 26 143	#641A8F
16.7%	16.7% #732D9C	RGB 115 45 156	#732D9C
33.3%	33.3% #8344A9	RGB 131 68 169	#8344A9
50.0%	50.0% #955EB7	RGB 149 94 183	#955EB7
66.7%	66.7% #A87AC4	RGB 168 122 196	#A87AC4
83.3%	83.3% #BC9AD1	RGB 188 154 209	#BC9AD1
100.0%	100.0% #D2BDDF	RGB 210 189 223	#D2BDDF

#641A8F #732D9C #8344A9 #955EB7 #A87AC4 #BC9AD1 #D2BDDF

#641A8F - #955EB7 - #D2BDDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #641A8F 0%, #955EB7 50%, #D2BDDF 100%);
    background: -webkit-linear-gradient(top, #641A8F 0%, #955EB7 50%, #D2BDDF 100%);
    background: linear-gradient(to bottom, #641A8F 0%, #955EB7 50%, #D2BDDF 100%);
}
</style>