#7A4C92 - #D9CBDF | 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 #7A4C92 to #D9CBDF

#7A4C92 #D9CBDF

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

#7A4C92 - #D9CBDF | 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 #7A4C92 as 0% and #D9CBDF as 100%.

0.0%	0.0% #7A4C92	RGB 122 76 146	#7A4C92
16.7%	16.7% #89619E	RGB 137 97 158	#89619E
33.3%	33.3% #9976AB	RGB 153 118 171	#9976AB
50.0%	50.0% #A98BB8	RGB 169 139 184	#A98BB8
66.7%	66.7% #B9A0C5	RGB 185 160 197	#B9A0C5
83.3%	83.3% #C9B5D2	RGB 201 181 210	#C9B5D2
100.0%	100.0% #D9CBDF	RGB 217 203 223	#D9CBDF

#7A4C92 #89619E #9976AB #A98BB8 #B9A0C5 #C9B5D2 #D9CBDF

#7A4C92 - #D9CBDF

HSV Blend

#7A4C92 - #D9CBDF | 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 #7A4C92 as 0% and #D9CBDF as 100%.

0.0%	0.0% #7A4C92	RGB 122 76 146	#7A4C92
16.7%	16.7% #885C9E	RGB 136 92 158	#885C9E
33.3%	33.3% #976FAB	RGB 151 111 171	#976FAB
50.0%	50.0% #A783B8	RGB 167 131 184	#A783B8
66.7%	66.7% #B799C5	RGB 183 153 197	#B799C5
83.3%	83.3% #C8B1D2	RGB 200 177 210	#C8B1D2
100.0%	100.0% #D9CBDF	RGB 217 203 223	#D9CBDF

#7A4C92 #885C9E #976FAB #A783B8 #B799C5 #C8B1D2 #D9CBDF

#7A4C92 - #A783B8 - #D9CBDF

CSS codes

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

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