#53485D - #DF8F71 | 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 #53485D to #DF8F71

#53485D #DF8F71

Calculate the color between two colors, #53485D and #DF8F71. 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)

#53485D - #DF8F71 | 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 #53485D as 0% and #DF8F71 as 100%.

0.0%	0.0% #53485D	RGB 83 72 93	#53485D
16.7%	16.7% #6A5360	RGB 106 83 96	#6A5360
33.3%	33.3% #815F63	RGB 129 95 99	#815F63
50.0%	50.0% #996B67	RGB 153 107 103	#996B67
66.7%	66.7% #B0776A	RGB 176 119 106	#B0776A
83.3%	83.3% #C7836D	RGB 199 131 109	#C7836D
100.0%	100.0% #DF8F71	RGB 223 143 113	#DF8F71

#53485D #6A5360 #815F63 #996B67 #B0776A #C7836D #DF8F71

#53485D - #DF8F71

HSV Blend

#53485D - #DF8F71 | 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 #53485D as 0% and #DF8F71 as 100%.

0.0%	0.0% #53485D	RGB 83 72 93	#53485D
16.7%	16.7% #6C5372	RGB 108 83 114	#6C5372
33.3%	33.3% #885D83	RGB 136 93 131	#885D83
50.0%	50.0% #9E6587	RGB 158 101 135	#9E6587
66.7%	66.7% #B36B81	RGB 179 107 129	#B36B81
83.3%	83.3% #C96E70	RGB 201 110 112	#C96E70
100.0%	100.0% #DF8F71	RGB 223 143 113	#DF8F71

#53485D #6C5372 #885D83 #9E6587 #B36B81 #C96E70 #DF8F71

#53485D - #9E6587 - #DF8F71

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53485D 0%, #9E6587 50%, #DF8F71 100%);
    background: -webkit-linear-gradient(top, #53485D 0%, #9E6587 50%, #DF8F71 100%);
    background: linear-gradient(to bottom, #53485D 0%, #9E6587 50%, #DF8F71 100%);
}
</style>