#54396D - #D28184 | 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 #54396D to #D28184

#54396D #D28184

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

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

0.0%	0.0% #54396D	RGB 84 57 109	#54396D
16.7%	16.7% #694570	RGB 105 69 112	#694570
33.3%	33.3% #7E5174	RGB 126 81 116	#7E5174
50.0%	50.0% #935D78	RGB 147 93 120	#935D78
66.7%	66.7% #A8697C	RGB 168 105 124	#A8697C
83.3%	83.3% #BD7580	RGB 189 117 128	#BD7580
100.0%	100.0% #D28184	RGB 210 129 132	#D28184

#54396D #694570 #7E5174 #935D78 #A8697C #BD7580 #D28184

#54396D - #D28184

HSV Blend

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

0.0%	0.0% #54396D	RGB 84 57 109	#54396D
16.7%	16.7% #6F437D	RGB 111 67 125	#6F437D
33.3%	33.3% #8E4E8E	RGB 142 78 142	#8E4E8E
50.0%	50.0% #9F5A8E	RGB 159 90 142	#9F5A8E
66.7%	66.7% #B0668C	RGB 176 102 140	#B0668C
83.3%	83.3% #C17389	RGB 193 115 137	#C17389
100.0%	100.0% #D28184	RGB 210 129 132	#D28184

#54396D #6F437D #8E4E8E #9F5A8E #B0668C #C17389 #D28184

#54396D - #9F5A8E - #D28184

CSS codes

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

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