#7D3C64 - #D9C7D2 | 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 #7D3C64 to #D9C7D2

#7D3C64 #D9C7D2

Calculate the color between two colors, #7D3C64 and #D9C7D2. 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)

#7D3C64 - #D9C7D2 | 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 #7D3C64 as 0% and #D9C7D2 as 100%.

0.0%	0.0% #7D3C64	RGB 125 60 100	#7D3C64
16.7%	16.7% #8C5376	RGB 140 83 118	#8C5376
33.3%	33.3% #9B6A88	RGB 155 106 136	#9B6A88
50.0%	50.0% #AB819B	RGB 171 129 155	#AB819B
66.7%	66.7% #BA98AD	RGB 186 152 173	#BA98AD
83.3%	83.3% #C9AFBF	RGB 201 175 191	#C9AFBF
100.0%	100.0% #D9C7D2	RGB 217 199 210	#D9C7D2

#7D3C64 #8C5376 #9B6A88 #AB819B #BA98AD #C9AFBF #D9C7D2

#7D3C64 - #D9C7D2

HSV Blend

#7D3C64 - #D9C7D2 | 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 #7D3C64 as 0% and #D9C7D2 as 100%.

0.0%	0.0% #7D3C64	RGB 125 60 100	#7D3C64
16.7%	16.7% #8C4D74	RGB 140 77 116	#8C4D74
33.3%	33.3% #9B6185	RGB 155 97 133	#9B6185
50.0%	50.0% #AB7797	RGB 171 119 151	#AB7797
66.7%	66.7% #BA8FA9	RGB 186 143 169	#BA8FA9
83.3%	83.3% #C9AABD	RGB 201 170 189	#C9AABD
100.0%	100.0% #D9C7D2	RGB 217 199 210	#D9C7D2

#7D3C64 #8C4D74 #9B6185 #AB7797 #BA8FA9 #C9AABD #D9C7D2

#7D3C64 - #AB7797 - #D9C7D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D3C64 0%, #AB7797 50%, #D9C7D2 100%);
    background: -webkit-linear-gradient(top, #7D3C64 0%, #AB7797 50%, #D9C7D2 100%);
    background: linear-gradient(to bottom, #7D3C64 0%, #AB7797 50%, #D9C7D2 100%);
}
</style>