#7B324C - #D9C4CB | 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 #7B324C to #D9C4CB

#7B324C #D9C4CB

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

#7B324C - #D9C4CB | 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 #7B324C as 0% and #D9C4CB as 100%.

0.0%	0.0% #7B324C	RGB 123 50 76	#7B324C
16.7%	16.7% #8A4A61	RGB 138 74 97	#8A4A61
33.3%	33.3% #9A6276	RGB 154 98 118	#9A6276
50.0%	50.0% #AA7B8B	RGB 170 123 139	#AA7B8B
66.7%	66.7% #B993A0	RGB 185 147 160	#B993A0
83.3%	83.3% #C9ABB5	RGB 201 171 181	#C9ABB5
100.0%	100.0% #D9C4CB	RGB 217 196 203	#D9C4CB

#7B324C #8A4A61 #9A6276 #AA7B8B #B993A0 #C9ABB5 #D9C4CB

#7B324C - #D9C4CB

HSV Blend

#7B324C - #D9C4CB | 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 #7B324C as 0% and #D9C4CB as 100%.

0.0%	0.0% #7B324C	RGB 123 50 76	#7B324C
16.7%	16.7% #8A435C	RGB 138 67 92	#8A435C
33.3%	33.3% #9A586F	RGB 154 88 111	#9A586F
50.0%	50.0% #AA6F83	RGB 170 111 131	#AA6F83
66.7%	66.7% #B98899	RGB 185 136 153	#B98899
83.3%	83.3% #C9A5B1	RGB 201 165 177	#C9A5B1
100.0%	100.0% #D9C4CB	RGB 217 196 203	#D9C4CB

#7B324C #8A435C #9A586F #AA6F83 #B98899 #C9A5B1 #D9C4CB

#7B324C - #AA6F83 - #D9C4CB

CSS codes

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

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