#543E5E - #DC6974 | 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 #543E5E to #DC6974

#543E5E #DC6974

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

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

0.0%	0.0% #543E5E	RGB 84 62 94	#543E5E
16.7%	16.7% #6A4561	RGB 106 69 97	#6A4561
33.3%	33.3% #814C65	RGB 129 76 101	#814C65
50.0%	50.0% #985369	RGB 152 83 105	#985369
66.7%	66.7% #AE5A6C	RGB 174 90 108	#AE5A6C
83.3%	83.3% #C56170	RGB 197 97 112	#C56170
100.0%	100.0% #DC6974	RGB 220 105 116	#DC6974

#543E5E #6A4561 #814C65 #985369 #AE5A6C #C56170 #DC6974

#543E5E - #DC6974

HSV Blend

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

0.0%	0.0% #543E5E	RGB 84 62 94	#543E5E
16.7%	16.7% #6E4873	RGB 110 72 115	#6E4873
33.3%	33.3% #885182	RGB 136 81 130	#885182
50.0%	50.0% #9D5988	RGB 157 89 136	#9D5988
66.7%	66.7% #B25F88	RGB 178 95 136	#B25F88
83.3%	83.3% #C76582	RGB 199 101 130	#C76582
100.0%	100.0% #DC6974	RGB 220 105 116	#DC6974

#543E5E #6E4873 #885182 #9D5988 #B25F88 #C76582 #DC6974

#543E5E - #9D5988 - #DC6974

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #543E5E 0%, #9D5988 50%, #DC6974 100%);
    background: -webkit-linear-gradient(top, #543E5E 0%, #9D5988 50%, #DC6974 100%);
    background: linear-gradient(to bottom, #543E5E 0%, #9D5988 50%, #DC6974 100%);
}
</style>