#473E5E - #DA6B98 | 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 #473E5E to #DA6B98

#473E5E #DA6B98

Calculate the color between two colors, #473E5E and #DA6B98. 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)

#473E5E - #DA6B98 | 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 #473E5E as 0% and #DA6B98 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #5F4567	RGB 95 69 103	#5F4567
33.3%	33.3% #784D71	RGB 120 77 113	#784D71
50.0%	50.0% #90547B	RGB 144 84 123	#90547B
66.7%	66.7% #A95C84	RGB 169 92 132	#A95C84
83.3%	83.3% #C1638E	RGB 193 99 142	#C1638E
100.0%	100.0% #DA6B98	RGB 218 107 152	#DA6B98

#473E5E #5F4567 #784D71 #90547B #A95C84 #C1638E #DA6B98

#473E5E - #DA6B98

HSV Blend

#473E5E - #DA6B98 | 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 #473E5E as 0% and #DA6B98 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #5D4872	RGB 93 72 114	#5D4872
33.3%	33.3% #785187	RGB 120 81 135	#785187
50.0%	50.0% #97599C	RGB 151 89 156	#97599C
66.7%	66.7% #B060A4	RGB 176 96 164	#B060A4
83.3%	83.3% #C566A1	RGB 197 102 161	#C566A1
100.0%	100.0% #DA6B98	RGB 218 107 152	#DA6B98

#473E5E #5D4872 #785187 #97599C #B060A4 #C566A1 #DA6B98

#473E5E - #97599C - #DA6B98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473E5E 0%, #97599C 50%, #DA6B98 100%);
    background: -webkit-linear-gradient(top, #473E5E 0%, #97599C 50%, #DA6B98 100%);
    background: linear-gradient(to bottom, #473E5E 0%, #97599C 50%, #DA6B98 100%);
}
</style>