#3A3043 - #BA725D | 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 #3A3043 to #BA725D

#3A3043 #BA725D

Calculate the color between two colors, #3A3043 and #BA725D. 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)

#3A3043 - #BA725D | 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 #3A3043 as 0% and #BA725D as 100%.

0.0%	0.0% #3A3043	RGB 58 48 67	#3A3043
16.7%	16.7% #4F3B47	RGB 79 59 71	#4F3B47
33.3%	33.3% #64464B	RGB 100 70 75	#64464B
50.0%	50.0% #7A5150	RGB 122 81 80	#7A5150
66.7%	66.7% #8F5C54	RGB 143 92 84	#8F5C54
83.3%	83.3% #A46758	RGB 164 103 88	#A46758
100.0%	100.0% #BA725D	RGB 186 114 93	#BA725D

#3A3043 #4F3B47 #64464B #7A5150 #8F5C54 #A46758 #BA725D

#3A3043 - #BA725D

HSV Blend

#3A3043 - #BA725D | 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 #3A3043 as 0% and #BA725D as 100%.

0.0%	0.0% #3A3043	RGB 58 48 67	#3A3043
16.7%	16.7% #513B56	RGB 81 59 86	#513B56
33.3%	33.3% #6A4467	RGB 106 68 103	#6A4467
50.0%	50.0% #7E4C6B	RGB 126 76 107	#7E4C6B
66.7%	66.7% #925369	RGB 146 83 105	#925369
83.3%	83.3% #A6595D	RGB 166 89 93	#A6595D
100.0%	100.0% #BA725D	RGB 186 114 93	#BA725D

#3A3043 #513B56 #6A4467 #7E4C6B #925369 #A6595D #BA725D

#3A3043 - #7E4C6B - #BA725D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3043 0%, #7E4C6B 50%, #BA725D 100%);
    background: -webkit-linear-gradient(top, #3A3043 0%, #7E4C6B 50%, #BA725D 100%);
    background: linear-gradient(to bottom, #3A3043 0%, #7E4C6B 50%, #BA725D 100%);
}
</style>