#72375B - #D6C5D0 | 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 #72375B to #D6C5D0

#72375B #D6C5D0

Calculate the color between two colors, #72375B and #D6C5D0. 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)

#72375B - #D6C5D0 | 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 #72375B as 0% and #D6C5D0 as 100%.

0.0%	0.0% #72375B	RGB 114 55 91	#72375B
16.7%	16.7% #824E6E	RGB 130 78 110	#824E6E
33.3%	33.3% #936682	RGB 147 102 130	#936682
50.0%	50.0% #A47E95	RGB 164 126 149	#A47E95
66.7%	66.7% #B495A9	RGB 180 149 169	#B495A9
83.3%	83.3% #C5ADBC	RGB 197 173 188	#C5ADBC
100.0%	100.0% #D6C5D0	RGB 214 197 208	#D6C5D0

#72375B #824E6E #936682 #A47E95 #B495A9 #C5ADBC #D6C5D0

#72375B - #D6C5D0

HSV Blend

#72375B - #D6C5D0 | 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 #72375B as 0% and #D6C5D0 as 100%.

0.0%	0.0% #72375A	RGB 114 55 90	#72375A
16.7%	16.7% #82486C	RGB 130 72 108	#82486C
33.3%	33.3% #935C7E	RGB 147 92 126	#935C7E
50.0%	50.0% #A47391	RGB 164 115 145	#A47391
66.7%	66.7% #B48BA5	RGB 180 139 165	#B48BA5
83.3%	83.3% #C5A7BA	RGB 197 167 186	#C5A7BA
100.0%	100.0% #D6C5D0	RGB 214 197 208	#D6C5D0

#72375A #82486C #935C7E #A47391 #B48BA5 #C5A7BA #D6C5D0

#72375B - #A47391 - #D6C5D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72375A 0%, #A47391 50%, #D6C5D0 100%);
    background: -webkit-linear-gradient(top, #72375A 0%, #A47391 50%, #D6C5D0 100%);
    background: linear-gradient(to bottom, #72375A 0%, #A47391 50%, #D6C5D0 100%);
}
</style>